#C3CEDC - #6B82A1 | 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 #C3CEDC to #6B82A1

#C3CEDC #6B82A1

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

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

0.0%	0.0% #C3CEDC	RGB 195 206 220	#C3CEDC
16.7%	16.7% #B4C1D2	RGB 180 193 210	#B4C1D2
33.3%	33.3% #A5B4C8	RGB 165 180 200	#A5B4C8
50.0%	50.0% #97A8BE	RGB 151 168 190	#97A8BE
66.7%	66.7% #889BB4	RGB 136 155 180	#889BB4
83.3%	83.3% #798EAA	RGB 121 142 170	#798EAA
100.0%	100.0% #6B82A1	RGB 107 130 161	#6B82A1

#C3CEDC #B4C1D2 #A5B4C8 #97A8BE #889BB4 #798EAA #6B82A1

#C3CEDC - #6B82A1

HSV Blend

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

0.0%	0.0% #C3CEDC	RGB 195 206 220	#C3CEDC
16.7%	16.7% #B2C0D2	RGB 178 192 210	#B2C0D2
33.3%	33.3% #A2B3C8	RGB 162 179 200	#A2B3C8
50.0%	50.0% #93A6BE	RGB 147 166 190	#93A6BE
66.7%	66.7% #8599B4	RGB 133 153 180	#8599B4
83.3%	83.3% #778DAA	RGB 119 141 170	#778DAA
100.0%	100.0% #6B82A1	RGB 107 130 161	#6B82A1

#C3CEDC #B2C0D2 #A2B3C8 #93A6BE #8599B4 #778DAA #6B82A1

#C3CEDC - #93A6BE - #6B82A1

CSS codes

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

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