#EDDCE7 - #B881B5 | 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 #EDDCE7 to #B881B5

#EDDCE7 #B881B5

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

#EDDCE7 - #B881B5 | 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 #EDDCE7 as 0% and #B881B5 as 100%.

0.0%	0.0% #EDDCE7	RGB 237 220 231	#EDDCE7
16.7%	16.7% #E4CCDE	RGB 228 204 222	#E4CCDE
33.3%	33.3% #DBBDD6	RGB 219 189 214	#DBBDD6
50.0%	50.0% #D2AECE	RGB 210 174 206	#D2AECE
66.7%	66.7% #C99FC5	RGB 201 159 197	#C99FC5
83.3%	83.3% #C090BD	RGB 192 144 189	#C090BD
100.0%	100.0% #B881B5	RGB 184 129 181	#B881B5

#EDDCE7 #E4CCDE #DBBDD6 #D2AECE #C99FC5 #C090BD #B881B5

#EDDCE7 - #B881B5

HSV Blend

#EDDCE7 - #B881B5 | 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 #EDDCE7 as 0% and #B881B5 as 100%.

0.0%	0.0% #EDDCE7	RGB 237 220 231	#EDDCE7
16.7%	16.7% #E4CBDC	RGB 228 203 220	#E4CBDC
33.3%	33.3% #DBBAD3	RGB 219 186 211	#DBBAD3
50.0%	50.0% #D2ABCA	RGB 210 171 202	#D2ABCA
66.7%	66.7% #C99CC2	RGB 201 156 194	#C99CC2
83.3%	83.3% #C08EBB	RGB 192 142 187	#C08EBB
100.0%	100.0% #B881B5	RGB 184 129 181	#B881B5

#EDDCE7 #E4CBDC #DBBAD3 #D2ABCA #C99CC2 #C08EBB #B881B5

#EDDCE7 - #D2ABCA - #B881B5

CSS codes

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

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