#C2CCAD - #FFFEBE | 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 #C2CCAD to #FFFEBE

#C2CCAD #FFFEBE

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

#C2CCAD - #FFFEBE | 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 #C2CCAD as 0% and #FFFEBE as 100%.

0.0%	0.0% #C2CCAD	RGB 194 204 173	#C2CCAD
16.7%	16.7% #CCD4AF	RGB 204 212 175	#CCD4AF
33.3%	33.3% #D6DCB2	RGB 214 220 178	#D6DCB2
50.0%	50.0% #E0E5B5	RGB 224 229 181	#E0E5B5
66.7%	66.7% #EAEDB8	RGB 234 237 184	#EAEDB8
83.3%	83.3% #F4F5BB	RGB 244 245 187	#F4F5BB
100.0%	100.0% #FFFEBE	RGB 255 254 190	#FFFEBE

#C2CCAD #CCD4AF #D6DCB2 #E0E5B5 #EAEDB8 #F4F5BB #FFFEBE

#C2CCAD - #FFFEBE

HSV Blend

#C2CCAD - #FFFEBE | 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 #C2CCAD as 0% and #FFFEBE as 100%.

0.0%	0.0% #C2CCAD	RGB 194 204 173	#C2CCAD
16.7%	16.7% #CAD4B0	RGB 202 212 176	#CAD4B0
33.3%	33.3% #D4DDB3	RGB 212 221 179	#D4DDB3
50.0%	50.0% #DEE5B6	RGB 222 229 182	#DEE5B6
66.7%	66.7% #E8EEB9	RGB 232 238 185	#E8EEB9
83.3%	83.3% #F4F6BB	RGB 244 246 187	#F4F6BB
100.0%	100.0% #FFFEBE	RGB 255 254 190	#FFFEBE

#C2CCAD #CAD4B0 #D4DDB3 #DEE5B6 #E8EEB9 #F4F6BB #FFFEBE

#C2CCAD - #DEE5B6 - #FFFEBE

CSS codes

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

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