#8C97C0 - #CECBCA | 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 #8C97C0 to #CECBCA

#8C97C0 #CECBCA

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

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

0.0%	0.0% #8C97C0	RGB 140 151 192	#8C97C0
16.7%	16.7% #979FC1	RGB 151 159 193	#979FC1
33.3%	33.3% #A2A8C3	RGB 162 168 195	#A2A8C3
50.0%	50.0% #ADB1C5	RGB 173 177 197	#ADB1C5
66.7%	66.7% #B8B9C6	RGB 184 185 198	#B8B9C6
83.3%	83.3% #C3C2C8	RGB 195 194 200	#C3C2C8
100.0%	100.0% #CECBCA	RGB 206 203 202	#CECBCA

#8C97C0 #979FC1 #A2A8C3 #ADB1C5 #B8B9C6 #C3C2C8 #CECBCA

#8C97C0 - #CECBCA

HSV Blend

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

0.0%	0.0% #8C97C0	RGB 140 151 192	#8C97C0
16.7%	16.7% #9E95C2	RGB 158 149 194	#9E95C2
33.3%	33.3% #B69FC4	RGB 182 159 196	#B69FC4
50.0%	50.0% #C7AAC6	RGB 199 170 198	#C7AAC6
66.7%	66.7% #C9B4C0	RGB 201 180 192	#C9B4C0
83.3%	83.3% #CBBFC1	RGB 203 191 193	#CBBFC1
100.0%	100.0% #CECBCA	RGB 206 203 202	#CECBCA

#8C97C0 #9E95C2 #B69FC4 #C7AAC6 #C9B4C0 #CBBFC1 #CECBCA

#8C97C0 - #C7AAC6 - #CECBCA

CSS codes

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

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