#FFCCC2 - #CF8258 | 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 #FFCCC2 to #CF8258

#FFCCC2 #CF8258

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

#FFCCC2 - #CF8258 | 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 #FFCCC2 as 0% and #CF8258 as 100%.

0.0%	0.0% #FFCCC2	RGB 255 204 194	#FFCCC2
16.7%	16.7% #F7BFB0	RGB 247 191 176	#F7BFB0
33.3%	33.3% #EFB39E	RGB 239 179 158	#EFB39E
50.0%	50.0% #E7A78D	RGB 231 167 141	#E7A78D
66.7%	66.7% #DF9A7B	RGB 223 154 123	#DF9A7B
83.3%	83.3% #D78E69	RGB 215 142 105	#D78E69
100.0%	100.0% #CF8258	RGB 207 130 88	#CF8258

#FFCCC2 #F7BFB0 #EFB39E #E7A78D #DF9A7B #D78E69 #CF8258

#FFCCC2 - #CF8258

HSV Blend

#FFCCC2 - #CF8258 | 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 #FFCCC2 as 0% and #CF8258 as 100%.

0.0%	0.0% #FFCCC2	RGB 255 204 194	#FFCCC2
16.7%	16.7% #F7BCAE	RGB 247 188 174	#F7BCAE
33.3%	33.3% #EFAE9B	RGB 239 174 155	#EFAE9B
50.0%	50.0% #E7A188	RGB 231 161 136	#E7A188
66.7%	66.7% #DF9577	RGB 223 149 119	#DF9577
83.3%	83.3% #D78B67	RGB 215 139 103	#D78B67
100.0%	100.0% #CF8258	RGB 207 130 88	#CF8258

#FFCCC2 #F7BCAE #EFAE9B #E7A188 #DF9577 #D78B67 #CF8258

#FFCCC2 - #E7A188 - #CF8258

CSS codes

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

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