#83B6B5 - #C8D9AE | 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 #83B6B5 to #C8D9AE

#83B6B5 #C8D9AE

Calculate the color between two colors, #83B6B5 and #C8D9AE. 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)

#83B6B5 - #C8D9AE | 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 #83B6B5 as 0% and #C8D9AE as 100%.

0.0%	0.0% #83B6B5	RGB 131 182 181	#83B6B5
16.7%	16.7% #8EBBB3	RGB 142 187 179	#8EBBB3
33.3%	33.3% #9AC1B2	RGB 154 193 178	#9AC1B2
50.0%	50.0% #A5C7B1	RGB 165 199 177	#A5C7B1
66.7%	66.7% #B1CDB0	RGB 177 205 176	#B1CDB0
83.3%	83.3% #BCD3AF	RGB 188 211 175	#BCD3AF
100.0%	100.0% #C8D9AE	RGB 200 217 174	#C8D9AE

#83B6B5 #8EBBB3 #9AC1B2 #A5C7B1 #B1CDB0 #BCD3AF #C8D9AE

#83B6B5 - #C8D9AE

HSV Blend

#83B6B5 - #C8D9AE | 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 #83B6B5 as 0% and #C8D9AE as 100%.

0.0%	0.0% #83B6B5	RGB 131 182 181	#83B6B5
16.7%	16.7% #89BBAD	RGB 137 187 173	#89BBAD
33.3%	33.3% #90C1A6	RGB 144 193 166	#90C1A6
50.0%	50.0% #97C7A0	RGB 151 199 160	#97C7A0
66.7%	66.7% #A2CD9F	RGB 162 205 159	#A2CD9F
83.3%	83.3% #B5D3A6	RGB 181 211 166	#B5D3A6
100.0%	100.0% #C8D9AE	RGB 200 217 174	#C8D9AE

#83B6B5 #89BBAD #90C1A6 #97C7A0 #A2CD9F #B5D3A6 #C8D9AE

#83B6B5 - #97C7A0 - #C8D9AE

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #83B6B5 0%, #97C7A0 50%, #C8D9AE 100%);
    background: -webkit-linear-gradient(top, #83B6B5 0%, #97C7A0 50%, #C8D9AE 100%);
    background: linear-gradient(to bottom, #83B6B5 0%, #97C7A0 50%, #C8D9AE 100%);
}
</style>