#CC2DB7 - #FEA3E6 | 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 #CC2DB7 to #FEA3E6

#CC2DB7 #FEA3E6

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

#CC2DB7 - #FEA3E6 | 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 #CC2DB7 as 0% and #FEA3E6 as 100%.

0.0%	0.0% #CC2DB7	RGB 204 45 183	#CC2DB7
16.7%	16.7% #D440BE	RGB 212 64 190	#D440BE
33.3%	33.3% #DC54C6	RGB 220 84 198	#DC54C6
50.0%	50.0% #E568CE	RGB 229 104 206	#E568CE
66.7%	66.7% #ED7BD6	RGB 237 123 214	#ED7BD6
83.3%	83.3% #F58FDE	RGB 245 143 222	#F58FDE
100.0%	100.0% #FEA3E6	RGB 254 163 230	#FEA3E6

#CC2DB7 #D440BE #DC54C6 #E568CE #ED7BD6 #F58FDE #FEA3E6

#CC2DB7 - #FEA3E6

HSV Blend

#CC2DB7 - #FEA3E6 | 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 #CC2DB7 as 0% and #FEA3E6 as 100%.

0.0%	0.0% #CC2CB7	RGB 204 44 183	#CC2CB7
16.7%	16.7% #D43DBD	RGB 212 61 189	#D43DBD
33.3%	33.3% #DC4FC3	RGB 220 79 195	#DC4FC3
50.0%	50.0% #E562CB	RGB 229 98 203	#E562CB
66.7%	66.7% #ED76D3	RGB 237 118 211	#ED76D3
83.3%	83.3% #F58CDC	RGB 245 140 220	#F58CDC
100.0%	100.0% #FEA3E6	RGB 254 163 230	#FEA3E6

#CC2CB7 #D43DBD #DC4FC3 #E562CB #ED76D3 #F58CDC #FEA3E6

#CC2DB7 - #E562CB - #FEA3E6

CSS codes

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

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