#D5E1DF - #6FAFB0 | 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 #D5E1DF to #6FAFB0

#D5E1DF #6FAFB0

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

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

0.0%	0.0% #D5E1DF	RGB 213 225 223	#D5E1DF
16.7%	16.7% #C4D8D7	RGB 196 216 215	#C4D8D7
33.3%	33.3% #B3D0CF	RGB 179 208 207	#B3D0CF
50.0%	50.0% #A2C8C7	RGB 162 200 199	#A2C8C7
66.7%	66.7% #91BFBF	RGB 145 191 191	#91BFBF
83.3%	83.3% #80B7B7	RGB 128 183 183	#80B7B7
100.0%	100.0% #6FAFB0	RGB 111 175 176	#6FAFB0

#D5E1DF #C4D8D7 #B3D0CF #A2C8C7 #91BFBF #80B7B7 #6FAFB0

#D5E1DF - #6FAFB0

HSV Blend

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

0.0%	0.0% #D5E1DF	RGB 213 225 223	#D5E1DF
16.7%	16.7% #C1D8D5	RGB 193 216 213	#C1D8D5
33.3%	33.3% #AFD0CD	RGB 175 208 205	#AFD0CD
50.0%	50.0% #9EC8C5	RGB 158 200 197	#9EC8C5
66.7%	66.7% #8DC0BE	RGB 141 192 190	#8DC0BE
83.3%	83.3% #7DB8B7	RGB 125 184 183	#7DB8B7
100.0%	100.0% #6FAFB0	RGB 111 175 176	#6FAFB0

#D5E1DF #C1D8D5 #AFD0CD #9EC8C5 #8DC0BE #7DB8B7 #6FAFB0

#D5E1DF - #9EC8C5 - #6FAFB0

CSS codes

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

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