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

#6FAA9C #D5E6E2

Calculate the color between two colors, #6FAA9C 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)

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

0.0%	0.0% #6FAA9C	RGB 111 170 156	#6FAA9C
16.7%	16.7% #80B4A7	RGB 128 180 167	#80B4A7
33.3%	33.3% #91BEB3	RGB 145 190 179	#91BEB3
50.0%	50.0% #A2C8BF	RGB 162 200 191	#A2C8BF
66.7%	66.7% #B3D2CA	RGB 179 210 202	#B3D2CA
83.3%	83.3% #C4DCD6	RGB 196 220 214	#C4DCD6
100.0%	100.0% #D5E6E2	RGB 213 230 226	#D5E6E2

#6FAA9C #80B4A7 #91BEB3 #A2C8BF #B3D2CA #C4DCD6 #D5E6E2

#6FAA9C - #D5E6E2

HSV Blend

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

0.0%	0.0% #6FAA9C	RGB 111 170 156	#6FAA9C
16.7%	16.7% #7DB4A7	RGB 125 180 167	#7DB4A7
33.3%	33.3% #8DBEB2	RGB 141 190 178	#8DBEB2
50.0%	50.0% #9DC8BE	RGB 157 200 190	#9DC8BE
66.7%	66.7% #AFD2C9	RGB 175 210 201	#AFD2C9
83.3%	83.3% #C1DCD5	RGB 193 220 213	#C1DCD5
100.0%	100.0% #D5E6E2	RGB 213 230 226	#D5E6E2

#6FAA9C #7DB4A7 #8DBEB2 #9DC8BE #AFD2C9 #C1DCD5 #D5E6E2

#6FAA9C - #9DC8BE - #D5E6E2

CSS codes

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

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