#B68D9C - #81394D | 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 #B68D9C to #81394D

#B68D9C #81394D

Calculate the color between two colors, #B68D9C and #81394D. 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)

#B68D9C - #81394D | 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 #B68D9C as 0% and #81394D as 100%.

0.0%	0.0% #B68D9C	RGB 182 141 156	#B68D9C
16.7%	16.7% #AD7F8E	RGB 173 127 142	#AD7F8E
33.3%	33.3% #A47181	RGB 164 113 129	#A47181
50.0%	50.0% #9B6374	RGB 155 99 116	#9B6374
66.7%	66.7% #925567	RGB 146 85 103	#925567
83.3%	83.3% #89475A	RGB 137 71 90	#89475A
100.0%	100.0% #81394D	RGB 129 57 77	#81394D

#B68D9C #AD7F8E #A47181 #9B6374 #925567 #89475A #81394D

#B68D9C - #81394D

HSV Blend

#B68D9C - #81394D | 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 #B68D9C as 0% and #81394D as 100%.

0.0%	0.0% #B68D9C	RGB 182 141 156	#B68D9C
16.7%	16.7% #AD7C8D	RGB 173 124 141	#AD7C8D
33.3%	33.3% #A46D7F	RGB 164 109 127	#A46D7F
50.0%	50.0% #9B5E72	RGB 155 94 114	#9B5E72
66.7%	66.7% #925165	RGB 146 81 101	#925165
83.3%	83.3% #894458	RGB 137 68 88	#894458
100.0%	100.0% #81394D	RGB 129 57 77	#81394D

#B68D9C #AD7C8D #A46D7F #9B5E72 #925165 #894458 #81394D

#B68D9C - #9B5E72 - #81394D

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #B68D9C 0%, #9B5E72 50%, #81394D 100%);
    background: -webkit-linear-gradient(top, #B68D9C 0%, #9B5E72 50%, #81394D 100%);
    background: linear-gradient(to bottom, #B68D9C 0%, #9B5E72 50%, #81394D 100%);
}
</style>