#C6D9A1 - #FBF0BC | 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 #C6D9A1 to #FBF0BC

#C6D9A1 #FBF0BC

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

#C6D9A1 - #FBF0BC | 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 #C6D9A1 as 0% and #FBF0BC as 100%.

0.0%	0.0% #C6D9A1	RGB 198 217 161	#C6D9A1
16.7%	16.7% #CEDCA5	RGB 206 220 165	#CEDCA5
33.3%	33.3% #D7E0AA	RGB 215 224 170	#D7E0AA
50.0%	50.0% #E0E4AE	RGB 224 228 174	#E0E4AE
66.7%	66.7% #E9E8B3	RGB 233 232 179	#E9E8B3
83.3%	83.3% #F2ECB7	RGB 242 236 183	#F2ECB7
100.0%	100.0% #FBF0BC	RGB 251 240 188	#FBF0BC

#C6D9A1 #CEDCA5 #D7E0AA #E0E4AE #E9E8B3 #F2ECB7 #FBF0BC

#C6D9A1 - #FBF0BC

HSV Blend

#C6D9A1 - #FBF0BC | 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 #C6D9A1 as 0% and #FBF0BC as 100%.

0.0%	0.0% #C6D9A1	RGB 198 217 161	#C6D9A1
16.7%	16.7% #D0DEA5	RGB 208 222 165	#D0DEA5
33.3%	33.3% #DAE4A9	RGB 218 228 169	#DAE4A9
50.0%	50.0% #E5EAAE	RGB 229 234 174	#E5EAAE
66.7%	66.7% #EFEFB2	RGB 239 239 178	#EFEFB2
83.3%	83.3% #F5EFB7	RGB 245 239 183	#F5EFB7
100.0%	100.0% #FBF0BC	RGB 251 240 188	#FBF0BC

#C6D9A1 #D0DEA5 #DAE4A9 #E5EAAE #EFEFB2 #F5EFB7 #FBF0BC

#C6D9A1 - #E5EAAE - #FBF0BC

CSS codes

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

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