#525058 - #CDCDCF | 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 #525058 to #CDCDCF

#525058 #CDCDCF

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

#525058 - #CDCDCF | 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 #525058 as 0% and #CDCDCF as 100%.

0.0%	0.0% #525058	RGB 82 80 88	#525058
16.7%	16.7% #66646B	RGB 102 100 107	#66646B
33.3%	33.3% #7B797F	RGB 123 121 127	#7B797F
50.0%	50.0% #8F8E93	RGB 143 142 147	#8F8E93
66.7%	66.7% #A4A3A7	RGB 164 163 167	#A4A3A7
83.3%	83.3% #B8B8BB	RGB 184 184 187	#B8B8BB
100.0%	100.0% #CDCDCF	RGB 205 205 207	#CDCDCF

#525058 #66646B #7B797F #8F8E93 #A4A3A7 #B8B8BB #CDCDCF

#525058 - #CDCDCF

HSV Blend

#525058 - #CDCDCF | 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 #525058 as 0% and #CDCDCF as 100%.

0.0%	0.0% #525058	RGB 82 80 88	#525058
16.7%	16.7% #65636B	RGB 101 99 107	#65636B
33.3%	33.3% #78777F	RGB 120 119 127	#78777F
50.0%	50.0% #8D8C93	RGB 141 140 147	#8D8C93
66.7%	66.7% #A1A1A7	RGB 161 161 167	#A1A1A7
83.3%	83.3% #B7B6BB	RGB 183 182 187	#B7B6BB
100.0%	100.0% #CDCDCF	RGB 205 205 207	#CDCDCF

#525058 #65636B #78777F #8D8C93 #A1A1A7 #B7B6BB #CDCDCF

#525058 - #8D8C93 - #CDCDCF

CSS codes

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

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