#C3D5E5 - #70A6CD | 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 #C3D5E5 to #70A6CD

#C3D5E5 #70A6CD

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

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

0.0%	0.0% #C3D5E5	RGB 195 213 229	#C3D5E5
16.7%	16.7% #B5CDE1	RGB 181 205 225	#B5CDE1
33.3%	33.3% #A7C5DD	RGB 167 197 221	#A7C5DD
50.0%	50.0% #99BDD9	RGB 153 189 217	#99BDD9
66.7%	66.7% #8BB5D5	RGB 139 181 213	#8BB5D5
83.3%	83.3% #7DADD1	RGB 125 173 209	#7DADD1
100.0%	100.0% #70A6CD	RGB 112 166 205	#70A6CD

#C3D5E5 #B5CDE1 #A7C5DD #99BDD9 #8BB5D5 #7DADD1 #70A6CD

#C3D5E5 - #70A6CD

HSV Blend

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

0.0%	0.0% #C3D5E5	RGB 195 213 229	#C3D5E5
16.7%	16.7% #B4CCE1	RGB 180 204 225	#B4CCE1
33.3%	33.3% #A5C3DD	RGB 165 195 221	#A5C3DD
50.0%	50.0% #97BBD9	RGB 151 187 217	#97BBD9
66.7%	66.7% #8AB4D5	RGB 138 180 213	#8AB4D5
83.3%	83.3% #7CACD1	RGB 124 172 209	#7CACD1
100.0%	100.0% #70A6CD	RGB 112 166 205	#70A6CD

#C3D5E5 #B4CCE1 #A5C3DD #97BBD9 #8AB4D5 #7CACD1 #70A6CD

#C3D5E5 - #97BBD9 - #70A6CD

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #C3D5E5 0%, #97BBD9 50%, #70A6CD 100%);
    background: -webkit-linear-gradient(top, #C3D5E5 0%, #97BBD9 50%, #70A6CD 100%);
    background: linear-gradient(to bottom, #C3D5E5 0%, #97BBD9 50%, #70A6CD 100%);
}
</style>