#CDCDCD - #7E91B6 | 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 #CDCDCD to #7E91B6

#CDCDCD #7E91B6

Calculate the color between two colors, #CDCDCD and #7E91B6. 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)

#CDCDCD - #7E91B6 | 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 #CDCDCD as 0% and #7E91B6 as 100%.

0.0%	0.0% #CDCDCD	RGB 205 205 205	#CDCDCD
16.7%	16.7% #BFC3C9	RGB 191 195 201	#BFC3C9
33.3%	33.3% #B2B9C5	RGB 178 185 197	#B2B9C5
50.0%	50.0% #A5AFC1	RGB 165 175 193	#A5AFC1
66.7%	66.7% #98A5BD	RGB 152 165 189	#98A5BD
83.3%	83.3% #8B9BB9	RGB 139 155 185	#8B9BB9
100.0%	100.0% #7E91B6	RGB 126 145 182	#7E91B6

#CDCDCD #BFC3C9 #B2B9C5 #A5AFC1 #98A5BD #8B9BB9 #7E91B6

#CDCDCD - #7E91B6

HSV Blend

#CDCDCD - #7E91B6 | 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 #CDCDCD as 0% and #7E91B6 as 100%.

0.0%	0.0% #CDCDCD	RGB 205 205 205	#CDCDCD
16.7%	16.7% #C9BEC2	RGB 201 190 194	#C9BEC2
33.3%	33.3% #C5B1C0	RGB 197 177 192	#C5B1C0
50.0%	50.0% #BCA3C1	RGB 188 163 193	#BCA3C1
66.7%	66.7% #A796BD	RGB 167 150 189	#A796BD
83.3%	83.3% #8C8AB9	RGB 140 138 185	#8C8AB9
100.0%	100.0% #7E91B6	RGB 126 145 182	#7E91B6

#CDCDCD #C9BEC2 #C5B1C0 #BCA3C1 #A796BD #8C8AB9 #7E91B6

#CDCDCD - #BCA3C1 - #7E91B6

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #CDCDCD 0%, #BCA3C1 50%, #7E91B6 100%);
    background: -webkit-linear-gradient(top, #CDCDCD 0%, #BCA3C1 50%, #7E91B6 100%);
    background: linear-gradient(to bottom, #CDCDCD 0%, #BCA3C1 50%, #7E91B6 100%);
}
</style>