#CBB7B8 - #94686B | 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 #CBB7B8 to #94686B

#CBB7B8 #94686B

Calculate the color between two colors, #CBB7B8 and #94686B. 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)

#CBB7B8 - #94686B | 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 #CBB7B8 as 0% and #94686B as 100%.

0.0%	0.0% #CBB7B8	RGB 203 183 184	#CBB7B8
16.7%	16.7% #C1A9AB	RGB 193 169 171	#C1A9AB
33.3%	33.3% #B89C9E	RGB 184 156 158	#B89C9E
50.0%	50.0% #AF8F91	RGB 175 143 145	#AF8F91
66.7%	66.7% #A68284	RGB 166 130 132	#A68284
83.3%	83.3% #9D7577	RGB 157 117 119	#9D7577
100.0%	100.0% #94686B	RGB 148 104 107	#94686B

#CBB7B8 #C1A9AB #B89C9E #AF8F91 #A68284 #9D7577 #94686B

#CBB7B8 - #94686B

HSV Blend

#CBB7B8 - #94686B | 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 #CBB7B8 as 0% and #94686B as 100%.

0.0%	0.0% #CBB7B8	RGB 203 183 184	#CBB7B8
16.7%	16.7% #C1A8A9	RGB 193 168 169	#C1A8A9
33.3%	33.3% #B89A9B	RGB 184 154 155	#B89A9B
50.0%	50.0% #AF8C8E	RGB 175 140 142	#AF8C8E
66.7%	66.7% #A67F82	RGB 166 127 130	#A67F82
83.3%	83.3% #9D7376	RGB 157 115 118	#9D7376
100.0%	100.0% #94686B	RGB 148 104 107	#94686B

#CBB7B8 #C1A8A9 #B89A9B #AF8C8E #A67F82 #9D7376 #94686B

#CBB7B8 - #AF8C8E - #94686B

CSS codes

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

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