#CDF0BC - #FDF1CB | 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 #CDF0BC to #FDF1CB

#CDF0BC #FDF1CB

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

#CDF0BC - #FDF1CB | 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 #CDF0BC as 0% and #FDF1CB as 100%.

0.0%	0.0% #CDF0BC	RGB 205 240 188	#CDF0BC
16.7%	16.7% #D5F0BE	RGB 213 240 190	#D5F0BE
33.3%	33.3% #DDF0C1	RGB 221 240 193	#DDF0C1
50.0%	50.0% #E5F0C3	RGB 229 240 195	#E5F0C3
66.7%	66.7% #EDF0C6	RGB 237 240 198	#EDF0C6
83.3%	83.3% #F5F0C8	RGB 245 240 200	#F5F0C8
100.0%	100.0% #FDF1CB	RGB 253 241 203	#FDF1CB

#CDF0BC #D5F0BE #DDF0C1 #E5F0C3 #EDF0C6 #F5F0C8 #FDF1CB

#CDF0BC - #FDF1CB

HSV Blend

#CDF0BC - #FDF1CB | 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 #CDF0BC as 0% and #FDF1CB as 100%.

0.0%	0.0% #CDF0BC	RGB 205 240 188	#CDF0BC
16.7%	16.7% #D7F2BE	RGB 215 242 190	#D7F2BE
33.3%	33.3% #E1F4C0	RGB 225 244 192	#E1F4C0
50.0%	50.0% #EBF6C3	RGB 235 246 195	#EBF6C3
66.7%	66.7% #F5F8C5	RGB 245 248 197	#F5F8C5
83.3%	83.3% #FAF6C8	RGB 250 246 200	#FAF6C8
100.0%	100.0% #FDF1CB	RGB 253 241 203	#FDF1CB

#CDF0BC #D7F2BE #E1F4C0 #EBF6C3 #F5F8C5 #FAF6C8 #FDF1CB

#CDF0BC - #EBF6C3 - #FDF1CB

CSS codes

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

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