#536464 - #CDD2D2 | 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 #536464 to #CDD2D2

#536464 #CDD2D2

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

#536464 - #CDD2D2 | 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 #536464 as 0% and #CDD2D2 as 100%.

0.0%	0.0% #536464	RGB 83 100 100	#536464
16.7%	16.7% #677676	RGB 103 118 118	#677676
33.3%	33.3% #7B8888	RGB 123 136 136	#7B8888
50.0%	50.0% #909B9B	RGB 144 155 155	#909B9B
66.7%	66.7% #A4ADAD	RGB 164 173 173	#A4ADAD
83.3%	83.3% #B8BFBF	RGB 184 191 191	#B8BFBF
100.0%	100.0% #CDD2D2	RGB 205 210 210	#CDD2D2

#536464 #677676 #7B8888 #909B9B #A4ADAD #B8BFBF #CDD2D2

#536464 - #CDD2D2

HSV Blend

#536464 - #CDD2D2 | 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 #536464 as 0% and #CDD2D2 as 100%.

0.0%	0.0% #536464	RGB 83 100 100	#536464
16.7%	16.7% #657676	RGB 101 118 118	#657676
33.3%	33.3% #788888	RGB 120 136 136	#788888
50.0%	50.0% #8B9B9B	RGB 139 155 155	#8B9B9B
66.7%	66.7% #A0ADAD	RGB 160 173 173	#A0ADAD
83.3%	83.3% #B6BFBF	RGB 182 191 191	#B6BFBF
100.0%	100.0% #CDD2D2	RGB 205 210 210	#CDD2D2

#536464 #657676 #788888 #8B9B9B #A0ADAD #B6BFBF #CDD2D2

#536464 - #8B9B9B - #CDD2D2

CSS codes

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

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