#C2DAD7 - #6FACAE | 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 #C2DAD7 to #6FACAE

#C2DAD7 #6FACAE

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

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

0.0%	0.0% #C2DAD7	RGB 194 218 215	#C2DAD7
16.7%	16.7% #B4D2D0	RGB 180 210 208	#B4D2D0
33.3%	33.3% #A6CAC9	RGB 166 202 201	#A6CAC9
50.0%	50.0% #98C3C2	RGB 152 195 194	#98C3C2
66.7%	66.7% #8ABBBB	RGB 138 187 187	#8ABBBB
83.3%	83.3% #7CB3B4	RGB 124 179 180	#7CB3B4
100.0%	100.0% #6FACAE	RGB 111 172 174	#6FACAE

#C2DAD7 #B4D2D0 #A6CAC9 #98C3C2 #8ABBBB #7CB3B4 #6FACAE

#C2DAD7 - #6FACAE

HSV Blend

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

0.0%	0.0% #C2DAD7	RGB 194 218 215	#C2DAD7
16.7%	16.7% #B2D2CF	RGB 178 210 207	#B2D2CF
33.3%	33.3% #A3CBC8	RGB 163 203 200	#A3CBC8
50.0%	50.0% #95C4C1	RGB 149 196 193	#95C4C1
66.7%	66.7% #88BCBB	RGB 136 188 187	#88BCBB
83.3%	83.3% #7BB5B5	RGB 123 181 181	#7BB5B5
100.0%	100.0% #6FACAE	RGB 111 172 174	#6FACAE

#C2DAD7 #B2D2CF #A3CBC8 #95C4C1 #88BCBB #7BB5B5 #6FACAE

#C2DAD7 - #95C4C1 - #6FACAE

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #C2DAD7 0%, #95C4C1 50%, #6FACAE 100%);
    background: -webkit-linear-gradient(top, #C2DAD7 0%, #95C4C1 50%, #6FACAE 100%);
    background: linear-gradient(to bottom, #C2DAD7 0%, #95C4C1 50%, #6FACAE 100%);
}
</style>