#6AB3C0 - #E3DECB | 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 #6AB3C0 to #E3DECB

#6AB3C0 #E3DECB

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

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

0.0%	0.0% #6AB3C0	RGB 106 179 192	#6AB3C0
16.7%	16.7% #7EBAC1	RGB 126 186 193	#7EBAC1
33.3%	33.3% #92C1C3	RGB 146 193 195	#92C1C3
50.0%	50.0% #A6C8C5	RGB 166 200 197	#A6C8C5
66.7%	66.7% #BACFC7	RGB 186 207 199	#BACFC7
83.3%	83.3% #CED6C9	RGB 206 214 201	#CED6C9
100.0%	100.0% #E3DECB	RGB 227 222 203	#E3DECB

#6AB3C0 #7EBAC1 #92C1C3 #A6C8C5 #BACFC7 #CED6C9 #E3DECB

#6AB3C0 - #E3DECB

HSV Blend

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

0.0%	0.0% #6AB3C0	RGB 106 179 192	#6AB3C0
16.7%	16.7% #78C5B3	RGB 120 197 179	#78C5B3
33.3%	33.3% #87CBA0	RGB 135 203 160	#87CBA0
50.0%	50.0% #99D197	RGB 153 209 151	#99D197
66.7%	66.7% #BBD7A8	RGB 187 215 168	#BBD7A8
83.3%	83.3% #D6DDB9	RGB 214 221 185	#D6DDB9
100.0%	100.0% #E3DECB	RGB 227 222 203	#E3DECB

#6AB3C0 #78C5B3 #87CBA0 #99D197 #BBD7A8 #D6DDB9 #E3DECB

#6AB3C0 - #99D197 - #E3DECB

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #6AB3C0 0%, #99D197 50%, #E3DECB 100%);
    background: -webkit-linear-gradient(top, #6AB3C0 0%, #99D197 50%, #E3DECB 100%);
    background: linear-gradient(to bottom, #6AB3C0 0%, #99D197 50%, #E3DECB 100%);
}
</style>