#CFD06E - #FBF09C | colorate

colorate is a color scheme tool for designers and developers. This will help you draw inspiration and serve as a resource for your color work. Make this site better

Blend #CFD06E to #FBF09C

#CFD06E #FBF09C

Calculate the color between two colors, #CFD06E and #FBF09C. In calculation of RGB values, saturation between the dissimilar colors is low. In calculating of HSV values, saturation between the dissimilar colors is not low.

RGB Blend(Linear)

#CFD06E - #FBF09C | colorate

Calculation of color between two colors based on RGB value. For colors that are distant from each other, the saturation between the two colors decreases. Expand the color between two colors with #CFD06E as 0% and #FBF09C as 100%.

0.0%	0.0% #CFD06E	RGB 207 208 110	#CFD06E
16.7%	16.7% #D6D575	RGB 214 213 117	#D6D575
33.3%	33.3% #DDDA7D	RGB 221 218 125	#DDDA7D
50.0%	50.0% #E5E085	RGB 229 224 133	#E5E085
66.7%	66.7% #ECE58C	RGB 236 229 140	#ECE58C
83.3%	83.3% #F3EA94	RGB 243 234 148	#F3EA94
100.0%	100.0% #FBF09C	RGB 251 240 156	#FBF09C

#CFD06E #D6D575 #DDDA7D #E5E085 #ECE58C #F3EA94 #FBF09C

#CFD06E - #FBF09C

HSV Blend

#CFD06E - #FBF09C | colorate

Calculation of color between two colors based on HSV value. Even between distinct colors of color, the saturation between the two colors does not decrease. Expand the color between two colors with #CFD06E as 0% and #FBF09C as 100%.

0.0%	0.0% #CFD06E	RGB 207 208 110	#CFD06E
16.7%	16.7% #D7D675	RGB 215 214 117	#D7D675
33.3%	33.3% #DEDB7C	RGB 222 219 124	#DEDB7C
50.0%	50.0% #E5E084	RGB 229 224 132	#E5E084
66.7%	66.7% #ECE58B	RGB 236 229 139	#ECE58B
83.3%	83.3% #F3EA93	RGB 243 234 147	#F3EA93
100.0%	100.0% #FBF09C	RGB 251 240 156	#FBF09C

#CFD06E #D7D675 #DEDB7C #E5E084 #ECE58B #F3EA93 #FBF09C

#CFD06E - #E5E084 - #FBF09C

CSS codes

<style type="text/css">
/* RGB Gradient */
div {
    background: -moz-linear-gradient(top, #CFD06E 0%, #FBF09C 100%);
    background: -webkit-linear-gradient(top, #CFD06E 0%, #FBF09C 100%);
    background: linear-gradient(to bottom, #CFD06E 0%, #FBF09C 100%);
}

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #CFD06E 0%, #E5E084 50%, #FBF09C 100%);
    background: -webkit-linear-gradient(top, #CFD06E 0%, #E5E084 50%, #FBF09C 100%);
    background: linear-gradient(to bottom, #CFD06E 0%, #E5E084 50%, #FBF09C 100%);
}
</style>