#E561CF - #D6ECE8 | 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 #E561CF to #D6ECE8

#E561CF #D6ECE8

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

#E561CF - #D6ECE8 | 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 #E561CF as 0% and #D6ECE8 as 100%.

0.0%	0.0% #E561CF	RGB 229 97 207	#E561CF
16.7%	16.7% #E278D3	RGB 226 120 211	#E278D3
33.3%	33.3% #E08FD7	RGB 224 143 215	#E08FD7
50.0%	50.0% #DDA6DB	RGB 221 166 219	#DDA6DB
66.7%	66.7% #DBBDDF	RGB 219 189 223	#DBBDDF
83.3%	83.3% #D8D4E3	RGB 216 212 227	#D8D4E3
100.0%	100.0% #D6ECE8	RGB 214 236 232	#D6ECE8

#E561CF #E278D3 #E08FD7 #DDA6DB #DBBDDF #D8D4E3 #D6ECE8

#E561CF - #D6ECE8

HSV Blend

#E561CF - #D6ECE8 | 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 #E561CF as 0% and #D6ECE8 as 100%.

0.0%	0.0% #E561CF	RGB 229 97 207	#E561CF
16.7%	16.7% #CC74E6	RGB 204 116 230	#CC74E6
33.3%	33.3% #AC87E7	RGB 172 135 231	#AC87E7
50.0%	50.0% #9A9BE8	RGB 154 155 232	#9A9BE8
66.7%	66.7% #AEC5E9	RGB 174 197 233	#AEC5E9
83.3%	83.3% #C2E2EA	RGB 194 226 234	#C2E2EA
100.0%	100.0% #D6ECE8	RGB 214 236 232	#D6ECE8

#E561CF #CC74E6 #AC87E7 #9A9BE8 #AEC5E9 #C2E2EA #D6ECE8

#E561CF - #9A9BE8 - #D6ECE8

CSS codes

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

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