#6CB7A8 - #D5EAE6 | 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 #6CB7A8 to #D5EAE6

#6CB7A8 #D5EAE6

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

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

0.0%	0.0% #6CB7A8	RGB 108 183 168	#6CB7A8
16.7%	16.7% #7DBFB2	RGB 125 191 178	#7DBFB2
33.3%	33.3% #8FC8BC	RGB 143 200 188	#8FC8BC
50.0%	50.0% #A0D0C7	RGB 160 208 199	#A0D0C7
66.7%	66.7% #B2D9D1	RGB 178 217 209	#B2D9D1
83.3%	83.3% #C3E1DB	RGB 195 225 219	#C3E1DB
100.0%	100.0% #D5EAE6	RGB 213 234 230	#D5EAE6

#6CB7A8 #7DBFB2 #8FC8BC #A0D0C7 #B2D9D1 #C3E1DB #D5EAE6

#6CB7A8 - #D5EAE6

HSV Blend

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

0.0%	0.0% #6CB7A8	RGB 108 183 168	#6CB7A8
16.7%	16.7% #7BBFB1	RGB 123 191 177	#7BBFB1
33.3%	33.3% #8BC8BC	RGB 139 200 188	#8BC8BC
50.0%	50.0% #9CD0C6	RGB 156 208 198	#9CD0C6
66.7%	66.7% #AED9D0	RGB 174 217 208	#AED9D0
83.3%	83.3% #C1E1DB	RGB 193 225 219	#C1E1DB
100.0%	100.0% #D5EAE6	RGB 213 234 230	#D5EAE6

#6CB7A8 #7BBFB1 #8BC8BC #9CD0C6 #AED9D0 #C1E1DB #D5EAE6

#6CB7A8 - #9CD0C6 - #D5EAE6

CSS codes

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

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