#CC4EDA - #FDBAE6 | 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 #CC4EDA to #FDBAE6

#CC4EDA #FDBAE6

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

#CC4EDA - #FDBAE6 | 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 #CC4EDA as 0% and #FDBAE6 as 100%.

0.0%	0.0% #CC4EDA	RGB 204 78 218	#CC4EDA
16.7%	16.7% #D460DC	RGB 212 96 220	#D460DC
33.3%	33.3% #DC72DE	RGB 220 114 222	#DC72DE
50.0%	50.0% #E484E0	RGB 228 132 224	#E484E0
66.7%	66.7% #EC96E2	RGB 236 150 226	#EC96E2
83.3%	83.3% #F4A8E4	RGB 244 168 228	#F4A8E4
100.0%	100.0% #FDBAE6	RGB 253 186 230	#FDBAE6

#CC4EDA #D460DC #DC72DE #E484E0 #EC96E2 #F4A8E4 #FDBAE6

#CC4EDA - #FDBAE6

HSV Blend

#CC4EDA - #FDBAE6 | 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 #CC4EDA as 0% and #FDBAE6 as 100%.

0.0%	0.0% #CC4EDA	RGB 204 78 218	#CC4EDA
16.7%	16.7% #DC5EDF	RGB 220 94 223	#DC5EDF
33.3%	33.3% #E56FE0	RGB 229 111 224	#E56FE0
50.0%	50.0% #EB80DE	RGB 235 128 222	#EB80DE
66.7%	66.7% #F193DE	RGB 241 147 222	#F193DE
83.3%	83.3% #F7A6E1	RGB 247 166 225	#F7A6E1
100.0%	100.0% #FDBAE6	RGB 253 186 230	#FDBAE6

#CC4EDA #DC5EDF #E56FE0 #EB80DE #F193DE #F7A6E1 #FDBAE6

#CC4EDA - #EB80DE - #FDBAE6

CSS codes

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

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