#E5C7E5 - #C972C4 | 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 #E5C7E5 to #C972C4

#E5C7E5 #C972C4

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

#E5C7E5 - #C972C4 | 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 #E5C7E5 as 0% and #C972C4 as 100%.

0.0%	0.0% #E5C7E5	RGB 229 199 229	#E5C7E5
16.7%	16.7% #E0B8DF	RGB 224 184 223	#E0B8DF
33.3%	33.3% #DBAADA	RGB 219 170 218	#DBAADA
50.0%	50.0% #D79CD4	RGB 215 156 212	#D79CD4
66.7%	66.7% #D28ECF	RGB 210 142 207	#D28ECF
83.3%	83.3% #CD80C9	RGB 205 128 201	#CD80C9
100.0%	100.0% #C972C4	RGB 201 114 196	#C972C4

#E5C7E5 #E0B8DF #DBAADA #D79CD4 #D28ECF #CD80C9 #C972C4

#E5C7E5 - #C972C4

HSV Blend

#E5C7E5 - #C972C4 | 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 #E5C7E5 as 0% and #C972C4 as 100%.

0.0%	0.0% #E5C7E5	RGB 229 199 229	#E5C7E5
16.7%	16.7% #E0B7DF	RGB 224 183 223	#E0B7DF
33.3%	33.3% #DBA8DA	RGB 219 168 218	#DBA8DA
50.0%	50.0% #D79AD5	RGB 215 154 213	#D79AD5
66.7%	66.7% #D28CCF	RGB 210 140 207	#D28CCF
83.3%	83.3% #CD7EC9	RGB 205 126 201	#CD7EC9
100.0%	100.0% #C972C4	RGB 201 114 196	#C972C4

#E5C7E5 #E0B7DF #DBA8DA #D79AD5 #D28CCF #CD7EC9 #C972C4

#E5C7E5 - #D79AD5 - #C972C4

CSS codes

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

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