#C2D6E5 - #6B8BAF | 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 #C2D6E5 to #6B8BAF

#C2D6E5 #6B8BAF

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

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

0.0%	0.0% #C2D6E5	RGB 194 214 229	#C2D6E5
16.7%	16.7% #B3C9DC	RGB 179 201 220	#B3C9DC
33.3%	33.3% #A5BDD3	RGB 165 189 211	#A5BDD3
50.0%	50.0% #96B0CA	RGB 150 176 202	#96B0CA
66.7%	66.7% #88A4C1	RGB 136 164 193	#88A4C1
83.3%	83.3% #7997B8	RGB 121 151 184	#7997B8
100.0%	100.0% #6B8BAF	RGB 107 139 175	#6B8BAF

#C2D6E5 #B3C9DC #A5BDD3 #96B0CA #88A4C1 #7997B8 #6B8BAF

#C2D6E5 - #6B8BAF

HSV Blend

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

0.0%	0.0% #C2D6E5	RGB 194 214 229	#C2D6E5
16.7%	16.7% #B1C9DC	RGB 177 201 220	#B1C9DC
33.3%	33.3% #A2BCD3	RGB 162 188 211	#A2BCD3
50.0%	50.0% #93AFCA	RGB 147 175 202	#93AFCA
66.7%	66.7% #85A3C1	RGB 133 163 193	#85A3C1
83.3%	83.3% #7797B8	RGB 119 151 184	#7797B8
100.0%	100.0% #6B8BAF	RGB 107 139 175	#6B8BAF

#C2D6E5 #B1C9DC #A2BCD3 #93AFCA #85A3C1 #7797B8 #6B8BAF

#C2D6E5 - #93AFCA - #6B8BAF

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #C2D6E5 0%, #93AFCA 50%, #6B8BAF 100%);
    background: -webkit-linear-gradient(top, #C2D6E5 0%, #93AFCA 50%, #6B8BAF 100%);
    background: linear-gradient(to bottom, #C2D6E5 0%, #93AFCA 50%, #6B8BAF 100%);
}
</style>