#EFCCEC - #CF68AD | 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 #EFCCEC to #CF68AD

#EFCCEC #CF68AD

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

#EFCCEC - #CF68AD | 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 #EFCCEC as 0% and #CF68AD as 100%.

0.0%	0.0% #EFCCEC	RGB 239 204 236	#EFCCEC
16.7%	16.7% #E9BBE1	RGB 233 187 225	#E9BBE1
33.3%	33.3% #E4AAD7	RGB 228 170 215	#E4AAD7
50.0%	50.0% #DF9ACC	RGB 223 154 204	#DF9ACC
66.7%	66.7% #D989C2	RGB 217 137 194	#D989C2
83.3%	83.3% #D478B7	RGB 212 120 183	#D478B7
100.0%	100.0% #CF68AD	RGB 207 104 173	#CF68AD

#EFCCEC #E9BBE1 #E4AAD7 #DF9ACC #D989C2 #D478B7 #CF68AD

#EFCCEC - #CF68AD

HSV Blend

#EFCCEC - #CF68AD | 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 #EFCCEC as 0% and #CF68AD as 100%.

0.0%	0.0% #EFCCEC	RGB 239 204 236	#EFCCEC
16.7%	16.7% #E9B9E3	RGB 233 185 227	#E9B9E3
33.3%	33.3% #E4A8DA	RGB 228 168 218	#E4A8DA
50.0%	50.0% #DF97D0	RGB 223 151 208	#DF97D0
66.7%	66.7% #D986C5	RGB 217 134 197	#D986C5
83.3%	83.3% #D477B9	RGB 212 119 185	#D477B9
100.0%	100.0% #CF68AD	RGB 207 104 173	#CF68AD

#EFCCEC #E9B9E3 #E4A8DA #DF97D0 #D986C5 #D477B9 #CF68AD

#EFCCEC - #DF97D0 - #CF68AD

CSS codes

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

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