#EFBEFF - #CD67F3 | 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 #EFBEFF to #CD67F3

#EFBEFF #CD67F3

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

#EFBEFF - #CD67F3 | 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 #EFBEFF as 0% and #CD67F3 as 100%.

0.0%	0.0% #EFBEFF	RGB 239 190 255	#EFBEFF
16.7%	16.7% #E9AFFD	RGB 233 175 253	#E9AFFD
33.3%	33.3% #E3A1FB	RGB 227 161 251	#E3A1FB
50.0%	50.0% #DE92F9	RGB 222 146 249	#DE92F9
66.7%	66.7% #D884F7	RGB 216 132 247	#D884F7
83.3%	83.3% #D275F5	RGB 210 117 245	#D275F5
100.0%	100.0% #CD67F3	RGB 205 103 243	#CD67F3

#EFBEFF #E9AFFD #E3A1FB #DE92F9 #D884F7 #D275F5 #CD67F3

#EFBEFF - #CD67F3

HSV Blend

#EFBEFF - #CD67F3 | 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 #EFBEFF as 0% and #CD67F3 as 100%.

0.0%	0.0% #EFBEFF	RGB 239 190 255	#EFBEFF
16.7%	16.7% #E9AEFD	RGB 233 174 253	#E9AEFD
33.3%	33.3% #E3A0FB	RGB 227 160 251	#E3A0FB
50.0%	50.0% #DE91F9	RGB 222 145 249	#DE91F9
66.7%	66.7% #D883F7	RGB 216 131 247	#D883F7
83.3%	83.3% #D274F5	RGB 210 116 245	#D274F5
100.0%	100.0% #CD67F3	RGB 205 103 243	#CD67F3

#EFBEFF #E9AEFD #E3A0FB #DE91F9 #D883F7 #D274F5 #CD67F3

#EFBEFF - #DE91F9 - #CD67F3

CSS codes

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

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