#8C8CB7 - #CAC4C2 | 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 #8C8CB7 to #CAC4C2

#8C8CB7 #CAC4C2

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

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

0.0%	0.0% #8C8CB7	RGB 140 140 183	#8C8CB7
16.7%	16.7% #9695B8	RGB 150 149 184	#9695B8
33.3%	33.3% #A09EBA	RGB 160 158 186	#A09EBA
50.0%	50.0% #ABA8BC	RGB 171 168 188	#ABA8BC
66.7%	66.7% #B5B1BE	RGB 181 177 190	#B5B1BE
83.3%	83.3% #BFBAC0	RGB 191 186 192	#BFBAC0
100.0%	100.0% #CAC4C2	RGB 202 196 194	#CAC4C2

#8C8CB7 #9695B8 #A09EBA #ABA8BC #B5B1BE #BFBAC0 #CAC4C2

#8C8CB7 - #CAC4C2

HSV Blend

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

0.0%	0.0% #8C8CB7	RGB 140 140 183	#8C8CB7
16.7%	16.7% #A294BA	RGB 162 148 186	#A294BA
33.3%	33.3% #B59DBD	RGB 181 157 189	#B59DBD
50.0%	50.0% #C0A6BD	RGB 192 166 189	#C0A6BD
66.7%	66.7% #C3AFB9	RGB 195 175 185	#C3AFB9
83.3%	83.3% #C6B8BA	RGB 198 184 186	#C6B8BA
100.0%	100.0% #CAC4C2	RGB 202 196 194	#CAC4C2

#8C8CB7 #A294BA #B59DBD #C0A6BD #C3AFB9 #C6B8BA #CAC4C2

#8C8CB7 - #C0A6BD - #CAC4C2

CSS codes

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

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