#C2DAD5 - #6FAEAC | 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 #C2DAD5 to #6FAEAC

#C2DAD5 #6FAEAC

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

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

0.0%	0.0% #C2DAD5	RGB 194 218 213	#C2DAD5
16.7%	16.7% #B4D2CE	RGB 180 210 206	#B4D2CE
33.3%	33.3% #A6CBC7	RGB 166 203 199	#A6CBC7
50.0%	50.0% #98C4C0	RGB 152 196 192	#98C4C0
66.7%	66.7% #8ABCB9	RGB 138 188 185	#8ABCB9
83.3%	83.3% #7CB5B2	RGB 124 181 178	#7CB5B2
100.0%	100.0% #6FAEAC	RGB 111 174 172	#6FAEAC

#C2DAD5 #B4D2CE #A6CBC7 #98C4C0 #8ABCB9 #7CB5B2 #6FAEAC

#C2DAD5 - #6FAEAC

HSV Blend

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

0.0%	0.0% #C2DAD5	RGB 194 218 213	#C2DAD5
16.7%	16.7% #B2D2CC	RGB 178 210 204	#B2D2CC
33.3%	33.3% #A3CBC5	RGB 163 203 197	#A3CBC5
50.0%	50.0% #95C4BE	RGB 149 196 190	#95C4BE
66.7%	66.7% #88BCB7	RGB 136 188 183	#88BCB7
83.3%	83.3% #7BB5B1	RGB 123 181 177	#7BB5B1
100.0%	100.0% #6FAEAC	RGB 111 174 172	#6FAEAC

#C2DAD5 #B2D2CC #A3CBC5 #95C4BE #88BCB7 #7BB5B1 #6FAEAC

#C2DAD5 - #95C4BE - #6FAEAC

CSS codes

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

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