#CABECB - #8B6987 | 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 #CABECB to #8B6987

#CABECB #8B6987

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

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

0.0%	0.0% #CABECB	RGB 202 190 203	#CABECB
16.7%	16.7% #BFAFBF	RGB 191 175 191	#BFAFBF
33.3%	33.3% #B5A1B4	RGB 181 161 180	#B5A1B4
50.0%	50.0% #AA93A9	RGB 170 147 169	#AA93A9
66.7%	66.7% #A0859D	RGB 160 133 157	#A0859D
83.3%	83.3% #957792	RGB 149 119 146	#957792
100.0%	100.0% #8B6987	RGB 139 105 135	#8B6987

#CABECB #BFAFBF #B5A1B4 #AA93A9 #A0859D #957792 #8B6987

#CABECB - #8B6987

HSV Blend

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

0.0%	0.0% #CABECB	RGB 202 190 203	#CABECB
16.7%	16.7% #BFAEC0	RGB 191 174 192	#BFAEC0
33.3%	33.3% #B59FB5	RGB 181 159 181	#B59FB5
50.0%	50.0% #AB90AA	RGB 171 144 170	#AB90AA
66.7%	66.7% #A0829E	RGB 160 130 158	#A0829E
83.3%	83.3% #957592	RGB 149 117 146	#957592
100.0%	100.0% #8B6987	RGB 139 105 135	#8B6987

#CABECB #BFAEC0 #B59FB5 #AB90AA #A0829E #957592 #8B6987

#CABECB - #AB90AA - #8B6987

CSS codes

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

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