#CF7C92 - #FFCDAA | 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 #CF7C92 to #FFCDAA

#CF7C92 #FFCDAA

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

#CF7C92 - #FFCDAA | 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 #CF7C92 as 0% and #FFCDAA as 100%.

0.0%	0.0% #CF7C92	RGB 207 124 146	#CF7C92
16.7%	16.7% #D78996	RGB 215 137 150	#D78996
33.3%	33.3% #DF979A	RGB 223 151 154	#DF979A
50.0%	50.0% #E7A49E	RGB 231 164 158	#E7A49E
66.7%	66.7% #EFB2A2	RGB 239 178 162	#EFB2A2
83.3%	83.3% #F7BFA6	RGB 247 191 166	#F7BFA6
100.0%	100.0% #FFCDAA	RGB 255 205 170	#FFCDAA

#CF7C92 #D78996 #DF979A #E7A49E #EFB2A2 #F7BFA6 #FFCDAA

#CF7C92 - #FFCDAA

HSV Blend

#CF7C92 - #FFCDAA | 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 #CF7C92 as 0% and #FFCDAA as 100%.

0.0%	0.0% #CF7C92	RGB 207 124 146	#CF7C92
16.7%	16.7% #D7838F	RGB 215 131 143	#D7838F
33.3%	33.3% #DF8A8D	RGB 223 138 141	#DF8A8D
50.0%	50.0% #E79892	RGB 231 152 146	#E79892
66.7%	66.7% #EFA999	RGB 239 169 153	#EFA999
83.3%	83.3% #F7BBA1	RGB 247 187 161	#F7BBA1
100.0%	100.0% #FFCDAA	RGB 255 205 170	#FFCDAA

#CF7C92 #D7838F #DF8A8D #E79892 #EFA999 #F7BBA1 #FFCDAA

#CF7C92 - #E79892 - #FFCDAA

CSS codes

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

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