#CF3F99 - #FFA8BB | 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 #CF3F99 to #FFA8BB

#CF3F99 #FFA8BB

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

#CF3F99 - #FFA8BB | 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 #CF3F99 as 0% and #FFA8BB as 100%.

0.0%	0.0% #CF3F99	RGB 207 63 153	#CF3F99
16.7%	16.7% #D7509E	RGB 215 80 158	#D7509E
33.3%	33.3% #DF62A4	RGB 223 98 164	#DF62A4
50.0%	50.0% #E773AA	RGB 231 115 170	#E773AA
66.7%	66.7% #EF85AF	RGB 239 133 175	#EF85AF
83.3%	83.3% #F796B5	RGB 247 150 181	#F796B5
100.0%	100.0% #FFA8BB	RGB 255 168 187	#FFA8BB

#CF3F99 #D7509E #DF62A4 #E773AA #EF85AF #F796B5 #FFA8BB

#CF3F99 - #FFA8BB

HSV Blend

#CF3F99 - #FFA8BB | 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 #CF3F99 as 0% and #FFA8BB as 100%.

0.0%	0.0% #CF3F99	RGB 207 63 153	#CF3F99
16.7%	16.7% #D74E9A	RGB 215 78 154	#D74E9A
33.3%	33.3% #DF5E9D	RGB 223 94 157	#DF5E9D
50.0%	50.0% #E76FA1	RGB 231 111 161	#E76FA1
66.7%	66.7% #EF81A8	RGB 239 129 168	#EF81A8
83.3%	83.3% #F794B0	RGB 247 148 176	#F794B0
100.0%	100.0% #FFA8BB	RGB 255 168 187	#FFA8BB

#CF3F99 #D74E9A #DF5E9D #E76FA1 #EF81A8 #F794B0 #FFA8BB

#CF3F99 - #E76FA1 - #FFA8BB

CSS codes

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

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