#5E7C8F - #D5D4B0 | 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 #5E7C8F to #D5D4B0

#5E7C8F #D5D4B0

Calculate the color between two colors, #5E7C8F and #D5D4B0. 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)

#5E7C8F - #D5D4B0 | 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 #5E7C8F as 0% and #D5D4B0 as 100%.

0.0%	0.0% #5E7C8F	RGB 94 124 143	#5E7C8F
16.7%	16.7% #718A94	RGB 113 138 148	#718A94
33.3%	33.3% #85999A	RGB 133 153 154	#85999A
50.0%	50.0% #99A89F	RGB 153 168 159	#99A89F
66.7%	66.7% #ADB6A5	RGB 173 182 165	#ADB6A5
83.3%	83.3% #C1C5AA	RGB 193 197 170	#C1C5AA
100.0%	100.0% #D5D4B0	RGB 213 212 176	#D5D4B0

#5E7C8F #718A94 #85999A #99A89F #ADB6A5 #C1C5AA #D5D4B0

#5E7C8F - #D5D4B0

HSV Blend

#5E7C8F - #D5D4B0 | 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 #5E7C8F as 0% and #D5D4B0 as 100%.

0.0%	0.0% #5E7C8F	RGB 94 124 143	#5E7C8F
16.7%	16.7% #6A9A99	RGB 106 154 153	#6A9A99
33.3%	33.3% #76A692	RGB 118 166 146	#76A692
50.0%	50.0% #84B28C	RGB 132 178 140	#84B28C
66.7%	66.7% #9BBD92	RGB 155 189 146	#9BBD92
83.3%	83.3% #BAC9A0	RGB 186 201 160	#BAC9A0
100.0%	100.0% #D5D4B0	RGB 213 212 176	#D5D4B0

#5E7C8F #6A9A99 #76A692 #84B28C #9BBD92 #BAC9A0 #D5D4B0

#5E7C8F - #84B28C - #D5D4B0

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E7C8F 0%, #84B28C 50%, #D5D4B0 100%);
    background: -webkit-linear-gradient(top, #5E7C8F 0%, #84B28C 50%, #D5D4B0 100%);
    background: linear-gradient(to bottom, #5E7C8F 0%, #84B28C 50%, #D5D4B0 100%);
}
</style>