#C04A8D - #EDCBDE | 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 #C04A8D to #EDCBDE

#C04A8D #EDCBDE

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

#C04A8D - #EDCBDE | 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 #C04A8D as 0% and #EDCBDE as 100%.

0.0%	0.0% #C04A8D	RGB 192 74 141	#C04A8D
16.7%	16.7% #C75F9A	RGB 199 95 154	#C75F9A
33.3%	33.3% #CF75A8	RGB 207 117 168	#CF75A8
50.0%	50.0% #D68AB5	RGB 214 138 181	#D68AB5
66.7%	66.7% #DEA0C3	RGB 222 160 195	#DEA0C3
83.3%	83.3% #E5B5D0	RGB 229 181 208	#E5B5D0
100.0%	100.0% #EDCBDE	RGB 237 203 222	#EDCBDE

#C04A8D #C75F9A #CF75A8 #D68AB5 #DEA0C3 #E5B5D0 #EDCBDE

#C04A8D - #EDCBDE

HSV Blend

#C04A8D - #EDCBDE | 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 #C04A8D as 0% and #EDCBDE as 100%.

0.0%	0.0% #C04A8C	RGB 192 74 140	#C04A8C
16.7%	16.7% #C75C99	RGB 199 92 153	#C75C99
33.3%	33.3% #CF70A5	RGB 207 112 165	#CF70A5
50.0%	50.0% #D685B2	RGB 214 133 178	#D685B2
66.7%	66.7% #DE9BC0	RGB 222 155 192	#DE9BC0
83.3%	83.3% #E5B2CF	RGB 229 178 207	#E5B2CF
100.0%	100.0% #EDCBDE	RGB 237 203 222	#EDCBDE

#C04A8C #C75C99 #CF70A5 #D685B2 #DE9BC0 #E5B2CF #EDCBDE

#C04A8D - #D685B2 - #EDCBDE

CSS codes

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

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