#536B5A - #CDD4CF | 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 #536B5A to #CDD4CF

#536B5A #CDD4CF

Calculate the color between two colors, #536B5A and #CDD4CF. 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)

#536B5A - #CDD4CF | 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 #536B5A as 0% and #CDD4CF as 100%.

0.0%	0.0% #536B5A	RGB 83 107 90	#536B5A
16.7%	16.7% #677C6D	RGB 103 124 109	#677C6D
33.3%	33.3% #7B8E81	RGB 123 142 129	#7B8E81
50.0%	50.0% #909F94	RGB 144 159 148	#909F94
66.7%	66.7% #A4B1A8	RGB 164 177 168	#A4B1A8
83.3%	83.3% #B8C2BB	RGB 184 194 187	#B8C2BB
100.0%	100.0% #CDD4CF	RGB 205 212 207	#CDD4CF

#536B5A #677C6D #7B8E81 #909F94 #A4B1A8 #B8C2BB #CDD4CF

#536B5A - #CDD4CF

HSV Blend

#536B5A - #CDD4CF | 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 #536B5A as 0% and #CDD4CF as 100%.

0.0%	0.0% #536B5A	RGB 83 107 90	#536B5A
16.7%	16.7% #647C6B	RGB 100 124 107	#647C6B
33.3%	33.3% #778E7D	RGB 119 142 125	#778E7D
50.0%	50.0% #8A9F90	RGB 138 159 144	#8A9F90
66.7%	66.7% #9FB1A4	RGB 159 177 164	#9FB1A4
83.3%	83.3% #B5C2B9	RGB 181 194 185	#B5C2B9
100.0%	100.0% #CDD4CF	RGB 205 212 207	#CDD4CF

#536B5A #647C6B #778E7D #8A9F90 #9FB1A4 #B5C2B9 #CDD4CF

#536B5A - #8A9F90 - #CDD4CF

CSS codes

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

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