#CC9F95 - #FFF0B0 | 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 #CC9F95 to #FFF0B0

#CC9F95 #FFF0B0

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

#CC9F95 - #FFF0B0 | 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 #CC9F95 as 0% and #FFF0B0 as 100%.

0.0%	0.0% #CC9F95	RGB 204 159 149	#CC9F95
16.7%	16.7% #D4AC99	RGB 212 172 153	#D4AC99
33.3%	33.3% #DDBA9E	RGB 221 186 158	#DDBA9E
50.0%	50.0% #E5C7A2	RGB 229 199 162	#E5C7A2
66.7%	66.7% #EED5A7	RGB 238 213 167	#EED5A7
83.3%	83.3% #F6E2AB	RGB 246 226 171	#F6E2AB
100.0%	100.0% #FFF0B0	RGB 255 240 176	#FFF0B0

#CC9F95 #D4AC99 #DDBA9E #E5C7A2 #EED5A7 #F6E2AB #FFF0B0

#CC9F95 - #FFF0B0

HSV Blend

#CC9F95 - #FFF0B0 | 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 #CC9F95 as 0% and #FFF0B0 as 100%.

0.0%	0.0% #CC9F95	RGB 204 159 149	#CC9F95
16.7%	16.7% #D4AA99	RGB 212 170 153	#D4AA99
33.3%	33.3% #DDB69E	RGB 221 182 158	#DDB69E
50.0%	50.0% #E5C3A3	RGB 229 195 163	#E5C3A3
66.7%	66.7% #EED1A7	RGB 238 209 167	#EED1A7
83.3%	83.3% #F6E0AB	RGB 246 224 171	#F6E0AB
100.0%	100.0% #FFF0B0	RGB 255 240 176	#FFF0B0

#CC9F95 #D4AA99 #DDB69E #E5C3A3 #EED1A7 #F6E0AB #FFF0B0

#CC9F95 - #E5C3A3 - #FFF0B0

CSS codes

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

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