#CC4CD5 - #FFB7E1 | 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 #CC4CD5 to #FFB7E1

#CC4CD5 #FFB7E1

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

#CC4CD5 - #FFB7E1 | 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 #CC4CD5 as 0% and #FFB7E1 as 100%.

0.0%	0.0% #CC4CD5	RGB 204 76 213	#CC4CD5
16.7%	16.7% #D45DD7	RGB 212 93 215	#D45DD7
33.3%	33.3% #DD6FD9	RGB 221 111 217	#DD6FD9
50.0%	50.0% #E581DB	RGB 229 129 219	#E581DB
66.7%	66.7% #EE93DD	RGB 238 147 221	#EE93DD
83.3%	83.3% #F6A5DF	RGB 246 165 223	#F6A5DF
100.0%	100.0% #FFB7E1	RGB 255 183 225	#FFB7E1

#CC4CD5 #D45DD7 #DD6FD9 #E581DB #EE93DD #F6A5DF #FFB7E1

#CC4CD5 - #FFB7E1

HSV Blend

#CC4CD5 - #FFB7E1 | 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 #CC4CD5 as 0% and #FFB7E1 as 100%.

0.0%	0.0% #CC4BD5	RGB 204 75 213	#CC4BD5
16.7%	16.7% #DC5BDA	RGB 220 91 218	#DC5BDA
33.3%	33.3% #E36CD7	RGB 227 108 215	#E36CD7
50.0%	50.0% #EA7DD6	RGB 234 125 214	#EA7DD6
66.7%	66.7% #F18FD8	RGB 241 143 216	#F18FD8
83.3%	83.3% #F8A3DB	RGB 248 163 219	#F8A3DB
100.0%	100.0% #FFB7E1	RGB 255 183 225	#FFB7E1

#CC4BD5 #DC5BDA #E36CD7 #EA7DD6 #F18FD8 #F8A3DB #FFB7E1

#CC4CD5 - #EA7DD6 - #FFB7E1

CSS codes

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

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