#F0AFED - #CC38AF | 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 #F0AFED to #CC38AF

#F0AFED #CC38AF

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

#F0AFED - #CC38AF | 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 #F0AFED as 0% and #CC38AF as 100%.

0.0%	0.0% #F0AFED	RGB 240 175 237	#F0AFED
16.7%	16.7% #EA9BE2	RGB 234 155 226	#EA9BE2
33.3%	33.3% #E487D8	RGB 228 135 216	#E487D8
50.0%	50.0% #DE73CE	RGB 222 115 206	#DE73CE
66.7%	66.7% #D85FC3	RGB 216 95 195	#D85FC3
83.3%	83.3% #D24BB9	RGB 210 75 185	#D24BB9
100.0%	100.0% #CC38AF	RGB 204 56 175	#CC38AF

#F0AFED #EA9BE2 #E487D8 #DE73CE #D85FC3 #D24BB9 #CC38AF

#F0AFED - #CC38AF

HSV Blend

#F0AFED - #CC38AF | 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 #F0AFED as 0% and #CC38AF as 100%.

0.0%	0.0% #F0AFED	RGB 240 175 237	#F0AFED
16.7%	16.7% #EA98E4	RGB 234 152 228	#EA98E4
33.3%	33.3% #E483DA	RGB 228 131 218	#E483DA
50.0%	50.0% #DE6FD0	RGB 222 111 208	#DE6FD0
66.7%	66.7% #D85CC5	RGB 216 92 197	#D85CC5
83.3%	83.3% #D249BA	RGB 210 73 186	#D249BA
100.0%	100.0% #CC38AF	RGB 204 56 175	#CC38AF

#F0AFED #EA98E4 #E483DA #DE6FD0 #D85CC5 #D249BA #CC38AF

#F0AFED - #DE6FD0 - #CC38AF

CSS codes

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

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