#B08DBA - #E7DEEB | 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 #B08DBA to #E7DEEB

#B08DBA #E7DEEB

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

#B08DBA - #E7DEEB | 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 #B08DBA as 0% and #E7DEEB as 100%.

0.0%	0.0% #B08DBA	RGB 176 141 186	#B08DBA
16.7%	16.7% #B99AC2	RGB 185 154 194	#B99AC2
33.3%	33.3% #C2A8CA	RGB 194 168 202	#C2A8CA
50.0%	50.0% #CBB5D2	RGB 203 181 210	#CBB5D2
66.7%	66.7% #D4C3DA	RGB 212 195 218	#D4C3DA
83.3%	83.3% #DDD0E2	RGB 221 208 226	#DDD0E2
100.0%	100.0% #E7DEEB	RGB 231 222 235	#E7DEEB

#B08DBA #B99AC2 #C2A8CA #CBB5D2 #D4C3DA #DDD0E2 #E7DEEB

#B08DBA - #E7DEEB

HSV Blend

#B08DBA - #E7DEEB | 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 #B08DBA as 0% and #E7DEEB as 100%.

0.0%	0.0% #B08DBA	RGB 176 141 186	#B08DBA
16.7%	16.7% #B899C2	RGB 184 153 194	#B899C2
33.3%	33.3% #C1A5CA	RGB 193 165 202	#C1A5CA
50.0%	50.0% #CAB3D2	RGB 202 179 210	#CAB3D2
66.7%	66.7% #D3C0DA	RGB 211 192 218	#D3C0DA
83.3%	83.3% #DDCFE2	RGB 221 207 226	#DDCFE2
100.0%	100.0% #E7DEEB	RGB 231 222 235	#E7DEEB

#B08DBA #B899C2 #C1A5CA #CAB3D2 #D3C0DA #DDCFE2 #E7DEEB

#B08DBA - #CAB3D2 - #E7DEEB

CSS codes

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

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