#B0ADB8 - #69536E | 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 #B0ADB8 to #69536E

#B0ADB8 #69536E

Calculate the color between two colors, #B0ADB8 and #69536E. 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)

#B0ADB8 - #69536E | 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 #B0ADB8 as 0% and #69536E as 100%.

0.0%	0.0% #B0ADB8	RGB 176 173 184	#B0ADB8
16.7%	16.7% #A49EAB	RGB 164 158 171	#A49EAB
33.3%	33.3% #988F9F	RGB 152 143 159	#988F9F
50.0%	50.0% #8C8093	RGB 140 128 147	#8C8093
66.7%	66.7% #807186	RGB 128 113 134	#807186
83.3%	83.3% #74627A	RGB 116 98 122	#74627A
100.0%	100.0% #69536E	RGB 105 83 110	#69536E

#B0ADB8 #A49EAB #988F9F #8C8093 #807186 #74627A #69536E

#B0ADB8 - #69536E

HSV Blend

#B0ADB8 - #69536E | 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 #B0ADB8 as 0% and #69536E as 100%.

0.0%	0.0% #B0ADB8	RGB 176 173 184	#B0ADB8
16.7%	16.7% #A19CAB	RGB 161 156 171	#A19CAB
33.3%	33.3% #948B9F	RGB 148 139 159	#948B9F
50.0%	50.0% #887C93	RGB 136 124 147	#887C93
66.7%	66.7% #7D6D86	RGB 125 109 134	#7D6D86
83.3%	83.3% #73607A	RGB 115 96 122	#73607A
100.0%	100.0% #69536E	RGB 105 83 110	#69536E

#B0ADB8 #A19CAB #948B9F #887C93 #7D6D86 #73607A #69536E

#B0ADB8 - #887C93 - #69536E

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #B0ADB8 0%, #887C93 50%, #69536E 100%);
    background: -webkit-linear-gradient(top, #B0ADB8 0%, #887C93 50%, #69536E 100%);
    background: linear-gradient(to bottom, #B0ADB8 0%, #887C93 50%, #69536E 100%);
}
</style>