#C2D0D7 - #6F829B | 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 #C2D0D7 to #6F829B

#C2D0D7 #6F829B

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

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

0.0%	0.0% #C2D0D7	RGB 194 208 215	#C2D0D7
16.7%	16.7% #B4C3CD	RGB 180 195 205	#B4C3CD
33.3%	33.3% #A6B6C3	RGB 166 182 195	#A6B6C3
50.0%	50.0% #98A9B9	RGB 152 169 185	#98A9B9
66.7%	66.7% #8A9CAF	RGB 138 156 175	#8A9CAF
83.3%	83.3% #7C8FA5	RGB 124 143 165	#7C8FA5
100.0%	100.0% #6F829B	RGB 111 130 155	#6F829B

#C2D0D7 #B4C3CD #A6B6C3 #98A9B9 #8A9CAF #7C8FA5 #6F829B

#C2D0D7 - #6F829B

HSV Blend

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

0.0%	0.0% #C2D0D7	RGB 194 208 215	#C2D0D7
16.7%	16.7% #B2C3CD	RGB 178 195 205	#B2C3CD
33.3%	33.3% #A3B6C3	RGB 163 182 195	#A3B6C3
50.0%	50.0% #95A9B9	RGB 149 169 185	#95A9B9
66.7%	66.7% #889BAF	RGB 136 155 175	#889BAF
83.3%	83.3% #7B8EA5	RGB 123 142 165	#7B8EA5
100.0%	100.0% #6F829B	RGB 111 130 155	#6F829B

#C2D0D7 #B2C3CD #A3B6C3 #95A9B9 #889BAF #7B8EA5 #6F829B

#C2D0D7 - #95A9B9 - #6F829B

CSS codes

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

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