#82C0A1 - #DBEDE4 | 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 #82C0A1 to #DBEDE4

#82C0A1 #DBEDE4

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

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

0.0%	0.0% #82C0A1	RGB 130 192 161	#82C0A1
16.7%	16.7% #90C7AC	RGB 144 199 172	#90C7AC
33.3%	33.3% #9FCFB7	RGB 159 207 183	#9FCFB7
50.0%	50.0% #AED6C2	RGB 174 214 194	#AED6C2
66.7%	66.7% #BDDECD	RGB 189 222 205	#BDDECD
83.3%	83.3% #CCE5D8	RGB 204 229 216	#CCE5D8
100.0%	100.0% #DBEDE4	RGB 219 237 228	#DBEDE4

#82C0A1 #90C7AC #9FCFB7 #AED6C2 #BDDECD #CCE5D8 #DBEDE4

#82C0A1 - #DBEDE4

HSV Blend

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

0.0%	0.0% #82C0A1	RGB 130 192 161	#82C0A1
16.7%	16.7% #8FC7AB	RGB 143 199 171	#8FC7AB
33.3%	33.3% #9DCFB6	RGB 157 207 182	#9DCFB6
50.0%	50.0% #ABD6C1	RGB 171 214 193	#ABD6C1
66.7%	66.7% #BADECC	RGB 186 222 204	#BADECC
83.3%	83.3% #CAE5D8	RGB 202 229 216	#CAE5D8
100.0%	100.0% #DBEDE4	RGB 219 237 228	#DBEDE4

#82C0A1 #8FC7AB #9DCFB6 #ABD6C1 #BADECC #CAE5D8 #DBEDE4

#82C0A1 - #ABD6C1 - #DBEDE4

CSS codes

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

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