#CF7E8B - #FFCCA2 | 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 #CF7E8B to #FFCCA2

#CF7E8B #FFCCA2

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

#CF7E8B - #FFCCA2 | 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 #CF7E8B as 0% and #FFCCA2 as 100%.

0.0%	0.0% #CF7E8B	RGB 207 126 139	#CF7E8B
16.7%	16.7% #D78B8E	RGB 215 139 142	#D78B8E
33.3%	33.3% #DF9892	RGB 223 152 146	#DF9892
50.0%	50.0% #E7A596	RGB 231 165 150	#E7A596
66.7%	66.7% #EFB29A	RGB 239 178 154	#EFB29A
83.3%	83.3% #F7BF9E	RGB 247 191 158	#F7BF9E
100.0%	100.0% #FFCCA2	RGB 255 204 162	#FFCCA2

#CF7E8B #D78B8E #DF9892 #E7A596 #EFB29A #F7BF9E #FFCCA2

#CF7E8B - #FFCCA2

HSV Blend

#CF7E8B - #FFCCA2 | 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 #CF7E8B as 0% and #FFCCA2 as 100%.

0.0%	0.0% #CF7E8B	RGB 207 126 139	#CF7E8B
16.7%	16.7% #D78388	RGB 215 131 136	#D78388
33.3%	33.3% #DF8D89	RGB 223 141 137	#DF8D89
50.0%	50.0% #E79C8F	RGB 231 156 143	#E79C8F
66.7%	66.7% #EFAB95	RGB 239 171 149	#EFAB95
83.3%	83.3% #F7BB9B	RGB 247 187 155	#F7BB9B
100.0%	100.0% #FFCCA2	RGB 255 204 162	#FFCCA2

#CF7E8B #D78388 #DF8D89 #E79C8F #EFAB95 #F7BB9B #FFCCA2

#CF7E8B - #E79C8F - #FFCCA2

CSS codes

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

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