#C7E6E3 - #70ABB0 | 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 #C7E6E3 to #70ABB0

#C7E6E3 #70ABB0

Calculate the color between two colors, #C7E6E3 and #70ABB0. 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)

#C7E6E3 - #70ABB0 | 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 #C7E6E3 as 0% and #70ABB0 as 100%.

0.0%	0.0% #C7E6E3	RGB 199 230 227	#C7E6E3
16.7%	16.7% #B8DCDA	RGB 184 220 218	#B8DCDA
33.3%	33.3% #AAD2D2	RGB 170 210 210	#AAD2D2
50.0%	50.0% #9BC8C9	RGB 155 200 201	#9BC8C9
66.7%	66.7% #8DBEC1	RGB 141 190 193	#8DBEC1
83.3%	83.3% #7EB4B8	RGB 126 180 184	#7EB4B8
100.0%	100.0% #70ABB0	RGB 112 171 176	#70ABB0

#C7E6E3 #B8DCDA #AAD2D2 #9BC8C9 #8DBEC1 #7EB4B8 #70ABB0

#C7E6E3 - #70ABB0

HSV Blend

#C7E6E3 - #70ABB0 | 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 #C7E6E3 as 0% and #70ABB0 as 100%.

0.0%	0.0% #C7E6E3	RGB 199 230 227	#C7E6E3
16.7%	16.7% #B6DDDA	RGB 182 221 218	#B6DDDA
33.3%	33.3% #A7D4D2	RGB 167 212 210	#A7D4D2
50.0%	50.0% #98CBCA	RGB 152 203 202	#98CBCA
66.7%	66.7% #8AC0C2	RGB 138 192 194	#8AC0C2
83.3%	83.3% #7CB6B9	RGB 124 182 185	#7CB6B9
100.0%	100.0% #70ABB0	RGB 112 171 176	#70ABB0

#C7E6E3 #B6DDDA #A7D4D2 #98CBCA #8AC0C2 #7CB6B9 #70ABB0

#C7E6E3 - #98CBCA - #70ABB0

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #C7E6E3 0%, #98CBCA 50%, #70ABB0 100%);
    background: -webkit-linear-gradient(top, #C7E6E3 0%, #98CBCA 50%, #70ABB0 100%);
    background: linear-gradient(to bottom, #C7E6E3 0%, #98CBCA 50%, #70ABB0 100%);
}
</style>