#CBBBCC - #8F5E79 | 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 #CBBBCC to #8F5E79

#CBBBCC #8F5E79

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

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

0.0%	0.0% #CBBBCC	RGB 203 187 204	#CBBBCC
16.7%	16.7% #C1ABBE	RGB 193 171 190	#C1ABBE
33.3%	33.3% #B79CB0	RGB 183 156 176	#B79CB0
50.0%	50.0% #AD8CA2	RGB 173 140 162	#AD8CA2
66.7%	66.7% #A37D94	RGB 163 125 148	#A37D94
83.3%	83.3% #996D86	RGB 153 109 134	#996D86
100.0%	100.0% #8F5E79	RGB 143 94 121	#8F5E79

#CBBBCC #C1ABBE #B79CB0 #AD8CA2 #A37D94 #996D86 #8F5E79

#CBBBCC - #8F5E79

HSV Blend

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

0.0%	0.0% #CBBBCC	RGB 203 187 204	#CBBBCC
16.7%	16.7% #C1A9C1	RGB 193 169 193	#C1A9C1
33.3%	33.3% #B798B4	RGB 183 152 180	#B798B4
50.0%	50.0% #AD88A6	RGB 173 136 166	#AD88A6
66.7%	66.7% #A37997	RGB 163 121 151	#A37997
83.3%	83.3% #996B88	RGB 153 107 136	#996B88
100.0%	100.0% #8F5E79	RGB 143 94 121	#8F5E79

#CBBBCC #C1A9C1 #B798B4 #AD88A6 #A37997 #996B88 #8F5E79

#CBBBCC - #AD88A6 - #8F5E79

CSS codes

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

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