#CF6B8F - #FFC3A9 | 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 #CF6B8F to #FFC3A9

#CF6B8F #FFC3A9

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

#CF6B8F - #FFC3A9 | 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 #CF6B8F as 0% and #FFC3A9 as 100%.

0.0%	0.0% #CF6B8F	RGB 207 107 143	#CF6B8F
16.7%	16.7% #D77993	RGB 215 121 147	#D77993
33.3%	33.3% #DF8897	RGB 223 136 151	#DF8897
50.0%	50.0% #E7979C	RGB 231 151 156	#E7979C
66.7%	66.7% #EFA5A0	RGB 239 165 160	#EFA5A0
83.3%	83.3% #F7B4A4	RGB 247 180 164	#F7B4A4
100.0%	100.0% #FFC3A9	RGB 255 195 169	#FFC3A9

#CF6B8F #D77993 #DF8897 #E7979C #EFA5A0 #F7B4A4 #FFC3A9

#CF6B8F - #FFC3A9

HSV Blend

#CF6B8F - #FFC3A9 | 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 #CF6B8F as 0% and #FFC3A9 as 100%.

0.0%	0.0% #CF6B8F	RGB 207 107 143	#CF6B8F
16.7%	16.7% #D7748C	RGB 215 116 140	#D7748C
33.3%	33.3% #DF7E8B	RGB 223 126 139	#DF7E8B
50.0%	50.0% #E7888A	RGB 231 136 138	#E7888A
66.7%	66.7% #EF9A92	RGB 239 154 146	#EF9A92
83.3%	83.3% #F7AE9D	RGB 247 174 157	#F7AE9D
100.0%	100.0% #FFC3A9	RGB 255 195 169	#FFC3A9

#CF6B8F #D7748C #DF7E8B #E7888A #EF9A92 #F7AE9D #FFC3A9

#CF6B8F - #E7888A - #FFC3A9

CSS codes

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

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