#C7DBA1 - #FCF0BD | 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 #C7DBA1 to #FCF0BD

#C7DBA1 #FCF0BD

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

#C7DBA1 - #FCF0BD | 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 #C7DBA1 as 0% and #FCF0BD as 100%.

0.0%	0.0% #C7DBA1	RGB 199 219 161	#C7DBA1
16.7%	16.7% #CFDEA5	RGB 207 222 165	#CFDEA5
33.3%	33.3% #D8E2AA	RGB 216 226 170	#D8E2AA
50.0%	50.0% #E1E5AF	RGB 225 229 175	#E1E5AF
66.7%	66.7% #EAE9B3	RGB 234 233 179	#EAE9B3
83.3%	83.3% #F3ECB8	RGB 243 236 184	#F3ECB8
100.0%	100.0% #FCF0BD	RGB 252 240 189	#FCF0BD

#C7DBA1 #CFDEA5 #D8E2AA #E1E5AF #EAE9B3 #F3ECB8 #FCF0BD

#C7DBA1 - #FCF0BD

HSV Blend

#C7DBA1 - #FCF0BD | 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 #C7DBA1 as 0% and #FCF0BD as 100%.

0.0%	0.0% #C7DBA1	RGB 199 219 161	#C7DBA1
16.7%	16.7% #D1E0A5	RGB 209 224 165	#D1E0A5
33.3%	33.3% #DCE6AA	RGB 220 230 170	#DCE6AA
50.0%	50.0% #E6EBAE	RGB 230 235 174	#E6EBAE
66.7%	66.7% #F1F0B3	RGB 241 240 179	#F1F0B3
83.3%	83.3% #F6F0B8	RGB 246 240 184	#F6F0B8
100.0%	100.0% #FCF0BD	RGB 252 240 189	#FCF0BD

#C7DBA1 #D1E0A5 #DCE6AA #E6EBAE #F1F0B3 #F6F0B8 #FCF0BD

#C7DBA1 - #E6EBAE - #FCF0BD

CSS codes

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

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