#CBBEC4 - #8B6974 | 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 #CBBEC4 to #8B6974

#CBBEC4 #8B6974

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

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

0.0%	0.0% #CBBEC4	RGB 203 190 196	#CBBEC4
16.7%	16.7% #C0AFB6	RGB 192 175 182	#C0AFB6
33.3%	33.3% #B5A1A9	RGB 181 161 169	#B5A1A9
50.0%	50.0% #AB939C	RGB 171 147 156	#AB939C
66.7%	66.7% #A0858E	RGB 160 133 142	#A0858E
83.3%	83.3% #957781	RGB 149 119 129	#957781
100.0%	100.0% #8B6974	RGB 139 105 116	#8B6974

#CBBEC4 #C0AFB6 #B5A1A9 #AB939C #A0858E #957781 #8B6974

#CBBEC4 - #8B6974

HSV Blend

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

0.0%	0.0% #CBBEC4	RGB 203 190 196	#CBBEC4
16.7%	16.7% #C0AEB6	RGB 192 174 182	#C0AEB6
33.3%	33.3% #B59FA8	RGB 181 159 168	#B59FA8
50.0%	50.0% #AB909A	RGB 171 144 154	#AB909A
66.7%	66.7% #A0828D	RGB 160 130 141	#A0828D
83.3%	83.3% #957580	RGB 149 117 128	#957580
100.0%	100.0% #8B6974	RGB 139 105 116	#8B6974

#CBBEC4 #C0AEB6 #B59FA8 #AB909A #A0828D #957580 #8B6974

#CBBEC4 - #AB909A - #8B6974

CSS codes

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

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