#66B6B5 - #D3EAE9 | 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 #66B6B5 to #D3EAE9

#66B6B5 #D3EAE9

Calculate the color between two colors, #66B6B5 and #D3EAE9. 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)

#66B6B5 - #D3EAE9 | 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 #66B6B5 as 0% and #D3EAE9 as 100%.

0.0%	0.0% #66B6B5	RGB 102 182 181	#66B6B5
16.7%	16.7% #78BEBD	RGB 120 190 189	#78BEBD
33.3%	33.3% #8AC7C6	RGB 138 199 198	#8AC7C6
50.0%	50.0% #9CD0CF	RGB 156 208 207	#9CD0CF
66.7%	66.7% #AED8D7	RGB 174 216 215	#AED8D7
83.3%	83.3% #C0E1E0	RGB 192 225 224	#C0E1E0
100.0%	100.0% #D3EAE9	RGB 211 234 233	#D3EAE9

#66B6B5 #78BEBD #8AC7C6 #9CD0CF #AED8D7 #C0E1E0 #D3EAE9

#66B6B5 - #D3EAE9

HSV Blend

#66B6B5 - #D3EAE9 | 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 #66B6B5 as 0% and #D3EAE9 as 100%.

0.0%	0.0% #66B6B5	RGB 102 182 181	#66B6B5
16.7%	16.7% #75BEBD	RGB 117 190 189	#75BEBD
33.3%	33.3% #86C7C5	RGB 134 199 197	#86C7C5
50.0%	50.0% #98D0CE	RGB 152 208 206	#98D0CE
66.7%	66.7% #AAD8D7	RGB 170 216 215	#AAD8D7
83.3%	83.3% #BEE1DF	RGB 190 225 223	#BEE1DF
100.0%	100.0% #D3EAE9	RGB 211 234 233	#D3EAE9

#66B6B5 #75BEBD #86C7C5 #98D0CE #AAD8D7 #BEE1DF #D3EAE9

#66B6B5 - #98D0CE - #D3EAE9

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #66B6B5 0%, #98D0CE 50%, #D3EAE9 100%);
    background: -webkit-linear-gradient(top, #66B6B5 0%, #98D0CE 50%, #D3EAE9 100%);
    background: linear-gradient(to bottom, #66B6B5 0%, #98D0CE 50%, #D3EAE9 100%);
}
</style>