#E2B5CC - #B65582 | 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 #E2B5CC to #B65582

#E2B5CC #B65582

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

#E2B5CC - #B65582 | 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 #E2B5CC as 0% and #B65582 as 100%.

0.0%	0.0% #E2B5CC	RGB 226 181 204	#E2B5CC
16.7%	16.7% #DAA5BF	RGB 218 165 191	#DAA5BF
33.3%	33.3% #D395B3	RGB 211 149 179	#D395B3
50.0%	50.0% #CC85A7	RGB 204 133 167	#CC85A7
66.7%	66.7% #C4759A	RGB 196 117 154	#C4759A
83.3%	83.3% #BD658E	RGB 189 101 142	#BD658E
100.0%	100.0% #B65582	RGB 182 85 130	#B65582

#E2B5CC #DAA5BF #D395B3 #CC85A7 #C4759A #BD658E #B65582

#E2B5CC - #B65582

HSV Blend

#E2B5CC - #B65582 | 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 #E2B5CC as 0% and #B65582 as 100%.

0.0%	0.0% #E2B5CC	RGB 226 181 204	#E2B5CC
16.7%	16.7% #DAA2BE	RGB 218 162 190	#DAA2BE
33.3%	33.3% #D391B2	RGB 211 145 178	#D391B2
50.0%	50.0% #CC81A5	RGB 204 129 165	#CC81A5
66.7%	66.7% #C47199	RGB 196 113 153	#C47199
83.3%	83.3% #BD628D	RGB 189 98 141	#BD628D
100.0%	100.0% #B65582	RGB 182 85 130	#B65582

#E2B5CC #DAA2BE #D391B2 #CC81A5 #C47199 #BD628D #B65582

#E2B5CC - #CC81A5 - #B65582

CSS codes

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

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