#C1527D - #EDCDD9 | 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 #C1527D to #EDCDD9

#C1527D #EDCDD9

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

#C1527D - #EDCDD9 | 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 #C1527D as 0% and #EDCDD9 as 100%.

0.0%	0.0% #C1527D	RGB 193 82 125	#C1527D
16.7%	16.7% #C8668C	RGB 200 102 140	#C8668C
33.3%	33.3% #CF7B9B	RGB 207 123 155	#CF7B9B
50.0%	50.0% #D78FAB	RGB 215 143 171	#D78FAB
66.7%	66.7% #DEA4BA	RGB 222 164 186	#DEA4BA
83.3%	83.3% #E5B8C9	RGB 229 184 201	#E5B8C9
100.0%	100.0% #EDCDD9	RGB 237 205 217	#EDCDD9

#C1527D #C8668C #CF7B9B #D78FAB #DEA4BA #E5B8C9 #EDCDD9

#C1527D - #EDCDD9

HSV Blend

#C1527D - #EDCDD9 | 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 #C1527D as 0% and #EDCDD9 as 100%.

0.0%	0.0% #C1527D	RGB 193 82 125	#C1527D
16.7%	16.7% #C8638A	RGB 200 99 138	#C8638A
33.3%	33.3% #CF7698	RGB 207 118 152	#CF7698
50.0%	50.0% #D78AA7	RGB 215 138 167	#D78AA7
66.7%	66.7% #DE9FB7	RGB 222 159 183	#DE9FB7
83.3%	83.3% #E5B5C7	RGB 229 181 199	#E5B5C7
100.0%	100.0% #EDCDD9	RGB 237 205 217	#EDCDD9

#C1527D #C8638A #CF7698 #D78AA7 #DE9FB7 #E5B5C7 #EDCDD9

#C1527D - #D78AA7 - #EDCDD9

CSS codes

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

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