#C2DAD5 - #70B7AF | 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 #70B7AF

#C2DAD5 #70B7AF

Calculate the color between two colors, #C2DAD5 and #70B7AF. 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 - #70B7AF | 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 #70B7AF as 100%.

0.0%	0.0% #C2DAD5	RGB 194 218 213	#C2DAD5
16.7%	16.7% #B4D4CE	RGB 180 212 206	#B4D4CE
33.3%	33.3% #A6CEC8	RGB 166 206 200	#A6CEC8
50.0%	50.0% #99C8C2	RGB 153 200 194	#99C8C2
66.7%	66.7% #8BC2BB	RGB 139 194 187	#8BC2BB
83.3%	83.3% #7DBCB5	RGB 125 188 181	#7DBCB5
100.0%	100.0% #70B7AF	RGB 112 183 175	#70B7AF

#C2DAD5 #B4D4CE #A6CEC8 #99C8C2 #8BC2BB #7DBCB5 #70B7AF

#C2DAD5 - #70B7AF

HSV Blend

#C2DAD5 - #70B7AF | 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 #70B7AF as 100%.

0.0%	0.0% #C2DAD5	RGB 194 218 213	#C2DAD5
16.7%	16.7% #B2D4CD	RGB 178 212 205	#B2D4CD
33.3%	33.3% #A4CEC6	RGB 164 206 198	#A4CEC6
50.0%	50.0% #96C8C0	RGB 150 200 192	#96C8C0
66.7%	66.7% #89C2BA	RGB 137 194 186	#89C2BA
83.3%	83.3% #7CBCB4	RGB 124 188 180	#7CBCB4
100.0%	100.0% #70B7AF	RGB 112 183 175	#70B7AF

#C2DAD5 #B2D4CD #A4CEC6 #96C8C0 #89C2BA #7CBCB4 #70B7AF

#C2DAD5 - #96C8C0 - #70B7AF

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #C2DAD5 0%, #96C8C0 50%, #70B7AF 100%);
    background: -webkit-linear-gradient(top, #C2DAD5 0%, #96C8C0 50%, #70B7AF 100%);
    background: linear-gradient(to bottom, #C2DAD5 0%, #96C8C0 50%, #70B7AF 100%);
}
</style>