#CBA8BE - #8B566D | 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 #CBA8BE to #8B566D

#CBA8BE #8B566D

Calculate the color between two colors, #CBA8BE and #8B566D. 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)

#CBA8BE - #8B566D | 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 #CBA8BE as 0% and #8B566D as 100%.

0.0%	0.0% #CBA8BE	RGB 203 168 190	#CBA8BE
16.7%	16.7% #C09AB0	RGB 192 154 176	#C09AB0
33.3%	33.3% #B58CA3	RGB 181 140 163	#B58CA3
50.0%	50.0% #AB7F95	RGB 171 127 149	#AB7F95
66.7%	66.7% #A07188	RGB 160 113 136	#A07188
83.3%	83.3% #95637A	RGB 149 99 122	#95637A
100.0%	100.0% #8B566D	RGB 139 86 109	#8B566D

#CBA8BE #C09AB0 #B58CA3 #AB7F95 #A07188 #95637A #8B566D

#CBA8BE - #8B566D

HSV Blend

#CBA8BE - #8B566D | 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 #CBA8BE as 0% and #8B566D as 100%.

0.0%	0.0% #CBA8BE	RGB 203 168 190	#CBA8BE
16.7%	16.7% #C098B0	RGB 192 152 176	#C098B0
33.3%	33.3% #B589A2	RGB 181 137 162	#B589A2
50.0%	50.0% #AB7B94	RGB 171 123 148	#AB7B94
66.7%	66.7% #A06E87	RGB 160 110 135	#A06E87
83.3%	83.3% #956179	RGB 149 97 121	#956179
100.0%	100.0% #8B566D	RGB 139 86 109	#8B566D

#CBA8BE #C098B0 #B589A2 #AB7B94 #A06E87 #956179 #8B566D

#CBA8BE - #AB7B94 - #8B566D

CSS codes

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

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