#829D9F - #E4D2B9 | 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 #829D9F to #E4D2B9

#829D9F #E4D2B9

Calculate the color between two colors, #829D9F and #E4D2B9. 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)

#829D9F - #E4D2B9 | 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 #829D9F as 0% and #E4D2B9 as 100%.

0.0%	0.0% #829D9F	RGB 130 157 159	#829D9F
16.7%	16.7% #92A5A3	RGB 146 165 163	#92A5A3
33.3%	33.3% #A2AEA7	RGB 162 174 167	#A2AEA7
50.0%	50.0% #B3B7AC	RGB 179 183 172	#B3B7AC
66.7%	66.7% #C3C0B0	RGB 195 192 176	#C3C0B0
83.3%	83.3% #D3C9B4	RGB 211 201 180	#D3C9B4
100.0%	100.0% #E4D2B9	RGB 228 210 185	#E4D2B9

#829D9F #92A5A3 #A2AEA7 #B3B7AC #C3C0B0 #D3C9B4 #E4D2B9

#829D9F - #E4D2B9

HSV Blend

#829D9F - #E4D2B9 | 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 #829D9F as 0% and #E4D2B9 as 100%.

0.0%	0.0% #829D9F	RGB 130 157 159	#829D9F
16.7%	16.7% #8BAA9F	RGB 139 170 159	#8BAA9F
33.3%	33.3% #94B69C	RGB 148 182 156	#94B69C
50.0%	50.0% #A3C19D	RGB 163 193 157	#A3C19D
66.7%	66.7% #BDCDA6	RGB 189 205 166	#BDCDA6
83.3%	83.3% #D8D8AF	RGB 216 216 175	#D8D8AF
100.0%	100.0% #E4D2B9	RGB 228 210 185	#E4D2B9

#829D9F #8BAA9F #94B69C #A3C19D #BDCDA6 #D8D8AF #E4D2B9

#829D9F - #A3C19D - #E4D2B9

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #829D9F 0%, #A3C19D 50%, #E4D2B9 100%);
    background: -webkit-linear-gradient(top, #829D9F 0%, #A3C19D 50%, #E4D2B9 100%);
    background: linear-gradient(to bottom, #829D9F 0%, #A3C19D 50%, #E4D2B9 100%);
}
</style>