#6EAA9D - #D5E6E2 | 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 #6EAA9D to #D5E6E2

#6EAA9D #D5E6E2

Calculate the color between two colors, #6EAA9D and #D5E6E2. 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)

#6EAA9D - #D5E6E2 | 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 #6EAA9D as 0% and #D5E6E2 as 100%.

0.0%	0.0% #6EAA9D	RGB 110 170 157	#6EAA9D
16.7%	16.7% #7FB4A8	RGB 127 180 168	#7FB4A8
33.3%	33.3% #90BEB4	RGB 144 190 180	#90BEB4
50.0%	50.0% #A1C8BF	RGB 161 200 191	#A1C8BF
66.7%	66.7% #B2D2CB	RGB 178 210 203	#B2D2CB
83.3%	83.3% #C3DCD6	RGB 195 220 214	#C3DCD6
100.0%	100.0% #D5E6E2	RGB 213 230 226	#D5E6E2

#6EAA9D #7FB4A8 #90BEB4 #A1C8BF #B2D2CB #C3DCD6 #D5E6E2

#6EAA9D - #D5E6E2

HSV Blend

#6EAA9D - #D5E6E2 | 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 #6EAA9D as 0% and #D5E6E2 as 100%.

0.0%	0.0% #6EAA9D	RGB 110 170 157	#6EAA9D
16.7%	16.7% #7CB4A7	RGB 124 180 167	#7CB4A7
33.3%	33.3% #8CBEB2	RGB 140 190 178	#8CBEB2
50.0%	50.0% #9DC8BE	RGB 157 200 190	#9DC8BE
66.7%	66.7% #AED2C9	RGB 174 210 201	#AED2C9
83.3%	83.3% #C1DCD5	RGB 193 220 213	#C1DCD5
100.0%	100.0% #D5E6E2	RGB 213 230 226	#D5E6E2

#6EAA9D #7CB4A7 #8CBEB2 #9DC8BE #AED2C9 #C1DCD5 #D5E6E2

#6EAA9D - #9DC8BE - #D5E6E2

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #6EAA9D 0%, #9DC8BE 50%, #D5E6E2 100%);
    background: -webkit-linear-gradient(top, #6EAA9D 0%, #9DC8BE 50%, #D5E6E2 100%);
    background: linear-gradient(to bottom, #6EAA9D 0%, #9DC8BE 50%, #D5E6E2 100%);
}
</style>