#8D9CC9 - #CECFD0 | 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 #8D9CC9 to #CECFD0

#8D9CC9 #CECFD0

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

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

0.0%	0.0% #8D9CC9	RGB 141 156 201	#8D9CC9
16.7%	16.7% #97A4CA	RGB 151 164 202	#97A4CA
33.3%	33.3% #A2ADCB	RGB 162 173 203	#A2ADCB
50.0%	50.0% #ADB5CC	RGB 173 181 204	#ADB5CC
66.7%	66.7% #B8BECD	RGB 184 190 205	#B8BECD
83.3%	83.3% #C3C6CE	RGB 195 198 206	#C3C6CE
100.0%	100.0% #CECFD0	RGB 206 207 208	#CECFD0

#8D9CC9 #97A4CA #A2ADCB #ADB5CC #B8BECD #C3C6CE #CECFD0

#8D9CC9 - #CECFD0

HSV Blend

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

0.0%	0.0% #8D9CC9	RGB 141 156 201	#8D9CC9
16.7%	16.7% #97A6CA	RGB 151 166 202	#97A6CA
33.3%	33.3% #A2AFCB	RGB 162 175 203	#A2AFCB
50.0%	50.0% #ACB8CC	RGB 172 184 204	#ACB8CC
66.7%	66.7% #B7C0CD	RGB 183 192 205	#B7C0CD
83.3%	83.3% #C2C8CE	RGB 194 200 206	#C2C8CE
100.0%	100.0% #CECFD0	RGB 206 207 208	#CECFD0

#8D9CC9 #97A6CA #A2AFCB #ACB8CC #B7C0CD #C2C8CE #CECFD0

#8D9CC9 - #ACB8CC - #CECFD0

CSS codes

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

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