#B4595A - #CD8CEC | 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 #B4595A to #CD8CEC

#B4595A #CD8CEC

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

#B4595A - #CD8CEC | 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 #B4595A as 0% and #CD8CEC as 100%.

0.0%	0.0% #B4595A	RGB 180 89 90	#B4595A
16.7%	16.7% #B86172	RGB 184 97 114	#B86172
33.3%	33.3% #BC6A8A	RGB 188 106 138	#BC6A8A
50.0%	50.0% #C072A3	RGB 192 114 163	#C072A3
66.7%	66.7% #C47BBB	RGB 196 123 187	#C47BBB
83.3%	83.3% #C883D3	RGB 200 131 211	#C883D3
100.0%	100.0% #CD8CEC	RGB 205 140 236	#CD8CEC

#B4595A #B86172 #BC6A8A #C072A3 #C47BBB #C883D3 #CD8CEC

#B4595A - #CD8CEC

HSV Blend

#B4595A - #CD8CEC | 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 #B4595A as 0% and #CD8CEC as 100%.

0.0%	0.0% #B45959	RGB 180 89 89	#B45959
16.7%	16.7% #BD6075	RGB 189 96 117	#BD6075
33.3%	33.3% #C66892	RGB 198 104 146	#C66892
50.0%	50.0% #D071B0	RGB 208 113 176	#D071B0
66.7%	66.7% #D979CE	RGB 217 121 206	#D979CE
83.3%	83.3% #D882E2	RGB 216 130 226	#D882E2
100.0%	100.0% #CD8CEC	RGB 205 140 236	#CD8CEC

#B45959 #BD6075 #C66892 #D071B0 #D979CE #D882E2 #CD8CEC

#B4595A - #D071B0 - #CD8CEC

CSS codes

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

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