#E7D9EB - #B081AB | 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 #E7D9EB to #B081AB

#E7D9EB #B081AB

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

#E7D9EB - #B081AB | 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 #E7D9EB as 0% and #B081AB as 100%.

0.0%	0.0% #E7D9EB	RGB 231 217 235	#E7D9EB
16.7%	16.7% #DDCAE0	RGB 221 202 224	#DDCAE0
33.3%	33.3% #D4BBD5	RGB 212 187 213	#D4BBD5
50.0%	50.0% #CBADCB	RGB 203 173 203	#CBADCB
66.7%	66.7% #C29EC0	RGB 194 158 192	#C29EC0
83.3%	83.3% #B98FB5	RGB 185 143 181	#B98FB5
100.0%	100.0% #B081AB	RGB 176 129 171	#B081AB

#E7D9EB #DDCAE0 #D4BBD5 #CBADCB #C29EC0 #B98FB5 #B081AB

#E7D9EB - #B081AB

HSV Blend

#E7D9EB - #B081AB | 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 #E7D9EB as 0% and #B081AB as 100%.

0.0%	0.0% #E7D9EB	RGB 231 217 235	#E7D9EB
16.7%	16.7% #DDC8E1	RGB 221 200 225	#DDC8E1
33.3%	33.3% #D3B9D7	RGB 211 185 215	#D3B9D7
50.0%	50.0% #CBAACD	RGB 203 170 205	#CBAACD
66.7%	66.7% #C39BC3	RGB 195 155 195	#C39BC3
83.3%	83.3% #B98EB7	RGB 185 142 183	#B98EB7
100.0%	100.0% #B081AB	RGB 176 129 171	#B081AB

#E7D9EB #DDC8E1 #D3B9D7 #CBAACD #C39BC3 #B98EB7 #B081AB

#E7D9EB - #CBAACD - #B081AB

CSS codes

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

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