#EFD0EB - #CF6FAB | 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 #EFD0EB to #CF6FAB

#EFD0EB #CF6FAB

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

#EFD0EB - #CF6FAB | 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 #EFD0EB as 0% and #CF6FAB as 100%.

0.0%	0.0% #EFD0EB	RGB 239 208 235	#EFD0EB
16.7%	16.7% #E9BFE0	RGB 233 191 224	#E9BFE0
33.3%	33.3% #E4AFD5	RGB 228 175 213	#E4AFD5
50.0%	50.0% #DF9FCB	RGB 223 159 203	#DF9FCB
66.7%	66.7% #D98FC0	RGB 217 143 192	#D98FC0
83.3%	83.3% #D47FB5	RGB 212 127 181	#D47FB5
100.0%	100.0% #CF6FAB	RGB 207 111 171	#CF6FAB

#EFD0EB #E9BFE0 #E4AFD5 #DF9FCB #D98FC0 #D47FB5 #CF6FAB

#EFD0EB - #CF6FAB

HSV Blend

#EFD0EB - #CF6FAB | 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 #EFD0EB as 0% and #CF6FAB as 100%.

0.0%	0.0% #EFD0EB	RGB 239 208 235	#EFD0EB
16.7%	16.7% #E9BEE2	RGB 233 190 226	#E9BEE2
33.3%	33.3% #E4ADD8	RGB 228 173 216	#E4ADD8
50.0%	50.0% #DF9CCE	RGB 223 156 206	#DF9CCE
66.7%	66.7% #D98CC3	RGB 217 140 195	#D98CC3
83.3%	83.3% #D47DB7	RGB 212 125 183	#D47DB7
100.0%	100.0% #CF6FAB	RGB 207 111 171	#CF6FAB

#EFD0EB #E9BEE2 #E4ADD8 #DF9CCE #D98CC3 #D47DB7 #CF6FAB

#EFD0EB - #DF9CCE - #CF6FAB

CSS codes

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

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