#83C7B6 - #DBEFEA | 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 #83C7B6 to #DBEFEA

#83C7B6 #DBEFEA

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

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

0.0%	0.0% #83C7B6	RGB 131 199 182	#83C7B6
16.7%	16.7% #91CDBE	RGB 145 205 190	#91CDBE
33.3%	33.3% #A0D4C7	RGB 160 212 199	#A0D4C7
50.0%	50.0% #AFDBD0	RGB 175 219 208	#AFDBD0
66.7%	66.7% #BDE1D8	RGB 189 225 216	#BDE1D8
83.3%	83.3% #CCE8E1	RGB 204 232 225	#CCE8E1
100.0%	100.0% #DBEFEA	RGB 219 239 234	#DBEFEA

#83C7B6 #91CDBE #A0D4C7 #AFDBD0 #BDE1D8 #CCE8E1 #DBEFEA

#83C7B6 - #DBEFEA

HSV Blend

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

0.0%	0.0% #83C7B6	RGB 131 199 182	#83C7B6
16.7%	16.7% #90CDBE	RGB 144 205 190	#90CDBE
33.3%	33.3% #9ED4C6	RGB 158 212 198	#9ED4C6
50.0%	50.0% #ACDBCF	RGB 172 219 207	#ACDBCF
66.7%	66.7% #BBE1D8	RGB 187 225 216	#BBE1D8
83.3%	83.3% #CAE8E0	RGB 202 232 224	#CAE8E0
100.0%	100.0% #DBEFEA	RGB 219 239 234	#DBEFEA

#83C7B6 #90CDBE #9ED4C6 #ACDBCF #BBE1D8 #CAE8E0 #DBEFEA

#83C7B6 - #ACDBCF - #DBEFEA

CSS codes

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

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