#B45BC1 - #E6B0B0 | 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 #B45BC1 to #E6B0B0

#B45BC1 #E6B0B0

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

#B45BC1 - #E6B0B0 | 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 #B45BC1 as 0% and #E6B0B0 as 100%.

0.0%	0.0% #B45BC1	RGB 180 91 193	#B45BC1
16.7%	16.7% #BC69BE	RGB 188 105 190	#BC69BE
33.3%	33.3% #C477BB	RGB 196 119 187	#C477BB
50.0%	50.0% #CD85B8	RGB 205 133 184	#CD85B8
66.7%	66.7% #D593B5	RGB 213 147 181	#D593B5
83.3%	83.3% #DDA1B2	RGB 221 161 178	#DDA1B2
100.0%	100.0% #E6B0B0	RGB 230 176 176	#E6B0B0

#B45BC1 #BC69BE #C477BB #CD85B8 #D593B5 #DDA1B2 #E6B0B0

#B45BC1 - #E6B0B0

HSV Blend

#B45BC1 - #E6B0B0 | 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 #B45BC1 as 0% and #E6B0B0 as 100%.

0.0%	0.0% #B35BC1	RGB 179 91 193	#B35BC1
16.7%	16.7% #C767C1	RGB 199 103 193	#C767C1
33.3%	33.3% #CD74B7	RGB 205 116 183	#CD74B7
50.0%	50.0% #D382B0	RGB 211 130 176	#D382B0
66.7%	66.7% #D991AC	RGB 217 145 172	#D991AC
83.3%	83.3% #DFA0AC	RGB 223 160 172	#DFA0AC
100.0%	100.0% #E6B0B0	RGB 230 176 176	#E6B0B0

#B35BC1 #C767C1 #CD74B7 #D382B0 #D991AC #DFA0AC #E6B0B0

#B45BC1 - #D382B0 - #E6B0B0

CSS codes

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

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