#CFDF97 - #DAFFFE | 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 #CFDF97 to #DAFFFE

#CFDF97 #DAFFFE

Calculate the color between two colors, #CFDF97 and #DAFFFE. 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)

#CFDF97 - #DAFFFE | 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 #CFDF97 as 0% and #DAFFFE as 100%.

0.0%	0.0% #CFDF97	RGB 207 223 151	#CFDF97
16.7%	16.7% #D0E4A8	RGB 208 228 168	#D0E4A8
33.3%	33.3% #D2E9B9	RGB 210 233 185	#D2E9B9
50.0%	50.0% #D4EFCA	RGB 212 239 202	#D4EFCA
66.7%	66.7% #D6F4DB	RGB 214 244 219	#D6F4DB
83.3%	83.3% #D8F9EC	RGB 216 249 236	#D8F9EC
100.0%	100.0% #DAFFFE	RGB 218 255 254	#DAFFFE

#CFDF97 #D0E4A8 #D2E9B9 #D4EFCA #D6F4DB #D8F9EC #DAFFFE

#CFDF97 - #DAFFFE

HSV Blend

#CFDF97 - #DAFFFE | 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 #CFDF97 as 0% and #DAFFFE as 100%.

0.0%	0.0% #CFDF97	RGB 207 223 151	#CFDF97
16.7%	16.7% #C1E4A1	RGB 193 228 161	#C1E4A1
33.3%	33.3% #B8E9AC	RGB 184 233 172	#B8E9AC
50.0%	50.0% #B7EFBC	RGB 183 239 188	#B7EFBC
66.7%	66.7% #C2F4D5	RGB 194 244 213	#C2F4D5
83.3%	83.3% #CEF9EB	RGB 206 249 235	#CEF9EB
100.0%	100.0% #DAFFFE	RGB 218 255 254	#DAFFFE

#CFDF97 #C1E4A1 #B8E9AC #B7EFBC #C2F4D5 #CEF9EB #DAFFFE

#CFDF97 - #B7EFBC - #DAFFFE

CSS codes

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

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