#CECDCD - #8F7DA1 | 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 #CECDCD to #8F7DA1

#CECDCD #8F7DA1

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

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

0.0%	0.0% #CECDCD	RGB 206 205 205	#CECDCD
16.7%	16.7% #C3BFC5	RGB 195 191 197	#C3BFC5
33.3%	33.3% #B9B2BE	RGB 185 178 190	#B9B2BE
50.0%	50.0% #AEA5B7	RGB 174 165 183	#AEA5B7
66.7%	66.7% #A497AF	RGB 164 151 175	#A497AF
83.3%	83.3% #998AA8	RGB 153 138 168	#998AA8
100.0%	100.0% #8F7DA1	RGB 143 125 161	#8F7DA1

#CECDCD #C3BFC5 #B9B2BE #AEA5B7 #A497AF #998AA8 #8F7DA1

#CECDCD - #8F7DA1

HSV Blend

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

0.0%	0.0% #CECDCD	RGB 206 205 205	#CECDCD
16.7%	16.7% #C6BEC0	RGB 198 190 192	#C6BEC0
33.3%	33.3% #BFB0B7	RGB 191 176 183	#BFB0B7
50.0%	50.0% #B7A2B2	RGB 183 162 178	#B7A2B2
66.7%	66.7% #B095B0	RGB 176 149 176	#B095B0
83.3%	83.3% #A088A8	RGB 160 136 168	#A088A8
100.0%	100.0% #8F7DA1	RGB 143 125 161	#8F7DA1

#CECDCD #C6BEC0 #BFB0B7 #B7A2B2 #B095B0 #A088A8 #8F7DA1

#CECDCD - #B7A2B2 - #8F7DA1

CSS codes

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

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