#C75AC2 - #EFCFED | 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 #C75AC2 to #EFCFED

#C75AC2 #EFCFED

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

#C75AC2 - #EFCFED | 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 #C75AC2 as 0% and #EFCFED as 100%.

0.0%	0.0% #C75AC2	RGB 199 90 194	#C75AC2
16.7%	16.7% #CD6DC9	RGB 205 109 201	#CD6DC9
33.3%	33.3% #D481D0	RGB 212 129 208	#D481D0
50.0%	50.0% #DB94D7	RGB 219 148 215	#DB94D7
66.7%	66.7% #E1A8DE	RGB 225 168 222	#E1A8DE
83.3%	83.3% #E8BBE5	RGB 232 187 229	#E8BBE5
100.0%	100.0% #EFCFED	RGB 239 207 237	#EFCFED

#C75AC2 #CD6DC9 #D481D0 #DB94D7 #E1A8DE #E8BBE5 #EFCFED

#C75AC2 - #EFCFED

HSV Blend

#C75AC2 - #EFCFED | 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 #C75AC2 as 0% and #EFCFED as 100%.

0.0%	0.0% #C75AC2	RGB 199 90 194	#C75AC2
16.7%	16.7% #CD6BC8	RGB 205 107 200	#CD6BC8
33.3%	33.3% #D47DCF	RGB 212 125 207	#D47DCF
50.0%	50.0% #DB90D6	RGB 219 144 214	#DB90D6
66.7%	66.7% #E1A4DE	RGB 225 164 222	#E1A4DE
83.3%	83.3% #E8B9E5	RGB 232 185 229	#E8B9E5
100.0%	100.0% #EFCFED	RGB 239 207 237	#EFCFED

#C75AC2 #CD6BC8 #D47DCF #DB90D6 #E1A4DE #E8B9E5 #EFCFED

#C75AC2 - #DB90D6 - #EFCFED

CSS codes

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

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