#EFB5EB - #CC43AC | 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 #EFB5EB to #CC43AC

#EFB5EB #CC43AC

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

#EFB5EB - #CC43AC | 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 #EFB5EB as 0% and #CC43AC as 100%.

0.0%	0.0% #EFB5EB	RGB 239 181 235	#EFB5EB
16.7%	16.7% #E9A2E0	RGB 233 162 224	#E9A2E0
33.3%	33.3% #E38FD6	RGB 227 143 214	#E38FD6
50.0%	50.0% #DD7CCB	RGB 221 124 203	#DD7CCB
66.7%	66.7% #D769C1	RGB 215 105 193	#D769C1
83.3%	83.3% #D156B6	RGB 209 86 182	#D156B6
100.0%	100.0% #CC43AC	RGB 204 67 172	#CC43AC

#EFB5EB #E9A2E0 #E38FD6 #DD7CCB #D769C1 #D156B6 #CC43AC

#EFB5EB - #CC43AC

HSV Blend

#EFB5EB - #CC43AC | 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 #EFB5EB as 0% and #CC43AC as 100%.

0.0%	0.0% #EFB5EB	RGB 239 181 235	#EFB5EB
16.7%	16.7% #E99FE2	RGB 233 159 226	#E99FE2
33.3%	33.3% #E38BD8	RGB 227 139 216	#E38BD8
50.0%	50.0% #DD78CE	RGB 221 120 206	#DD78CE
66.7%	66.7% #D765C3	RGB 215 101 195	#D765C3
83.3%	83.3% #D153B7	RGB 209 83 183	#D153B7
100.0%	100.0% #CC43AC	RGB 204 67 172	#CC43AC

#EFB5EB #E99FE2 #E38BD8 #DD78CE #D765C3 #D153B7 #CC43AC

#EFB5EB - #DD78CE - #CC43AC

CSS codes

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

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