#82B8C0 - #E9DECC | 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 #82B8C0 to #E9DECC

#82B8C0 #E9DECC

Calculate the color between two colors, #82B8C0 and #E9DECC. 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)

#82B8C0 - #E9DECC | 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 #82B8C0 as 0% and #E9DECC as 100%.

0.0%	0.0% #82B8C0	RGB 130 184 192	#82B8C0
16.7%	16.7% #93BEC2	RGB 147 190 194	#93BEC2
33.3%	33.3% #A4C4C4	RGB 164 196 196	#A4C4C4
50.0%	50.0% #B5CBC6	RGB 181 203 198	#B5CBC6
66.7%	66.7% #C6D1C8	RGB 198 209 200	#C6D1C8
83.3%	83.3% #D7D7CA	RGB 215 215 202	#D7D7CA
100.0%	100.0% #E9DECC	RGB 233 222 204	#E9DECC

#82B8C0 #93BEC2 #A4C4C4 #B5CBC6 #C6D1C8 #D7D7CA #E9DECC

#82B8C0 - #E9DECC

HSV Blend

#82B8C0 - #E9DECC | 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 #82B8C0 as 0% and #E9DECC as 100%.

0.0%	0.0% #82B8C0	RGB 130 184 192	#82B8C0
16.7%	16.7% #8DC6B6	RGB 141 198 182	#8DC6B6
33.3%	33.3% #98CDA8	RGB 152 205 168	#98CDA8
50.0%	50.0% #AAD4A4	RGB 170 212 164	#AAD4A4
66.7%	66.7% #C8DBB1	RGB 200 219 177	#C8DBB1
83.3%	83.3% #E0E2BE	RGB 224 226 190	#E0E2BE
100.0%	100.0% #E9DECC	RGB 233 222 204	#E9DECC

#82B8C0 #8DC6B6 #98CDA8 #AAD4A4 #C8DBB1 #E0E2BE #E9DECC

#82B8C0 - #AAD4A4 - #E9DECC

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #82B8C0 0%, #AAD4A4 50%, #E9DECC 100%);
    background: -webkit-linear-gradient(top, #82B8C0 0%, #AAD4A4 50%, #E9DECC 100%);
    background: linear-gradient(to bottom, #82B8C0 0%, #AAD4A4 50%, #E9DECC 100%);
}
</style>