#CF3FC4 - #FFA8D5 | 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 #CF3FC4 to #FFA8D5

#CF3FC4 #FFA8D5

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

#CF3FC4 - #FFA8D5 | 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 #CF3FC4 as 0% and #FFA8D5 as 100%.

0.0%	0.0% #CF3FC4	RGB 207 63 196	#CF3FC4
16.7%	16.7% #D750C6	RGB 215 80 198	#D750C6
33.3%	33.3% #DF62C9	RGB 223 98 201	#DF62C9
50.0%	50.0% #E773CC	RGB 231 115 204	#E773CC
66.7%	66.7% #EF85CF	RGB 239 133 207	#EF85CF
83.3%	83.3% #F796D2	RGB 247 150 210	#F796D2
100.0%	100.0% #FFA8D5	RGB 255 168 213	#FFA8D5

#CF3FC4 #D750C6 #DF62C9 #E773CC #EF85CF #F796D2 #FFA8D5

#CF3FC4 - #FFA8D5

HSV Blend

#CF3FC4 - #FFA8D5 | 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 #CF3FC4 as 0% and #FFA8D5 as 100%.

0.0%	0.0% #CF3FC4	RGB 207 63 196	#CF3FC4
16.7%	16.7% #D74EC3	RGB 215 78 195	#D74EC3
33.3%	33.3% #DF5EC3	RGB 223 94 195	#DF5EC3
50.0%	50.0% #E76FC5	RGB 231 111 197	#E76FC5
66.7%	66.7% #EF81C8	RGB 239 129 200	#EF81C8
83.3%	83.3% #F794CD	RGB 247 148 205	#F794CD
100.0%	100.0% #FFA8D5	RGB 255 168 213	#FFA8D5

#CF3FC4 #D74EC3 #DF5EC3 #E76FC5 #EF81C8 #F794CD #FFA8D5

#CF3FC4 - #E76FC5 - #FFA8D5

CSS codes

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

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