#C4D3E4 - #6B87AD | 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 #C4D3E4 to #6B87AD

#C4D3E4 #6B87AD

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

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

0.0%	0.0% #C4D3E4	RGB 196 211 228	#C4D3E4
16.7%	16.7% #B5C6DA	RGB 181 198 218	#B5C6DA
33.3%	33.3% #A6B9D1	RGB 166 185 209	#A6B9D1
50.0%	50.0% #97ADC8	RGB 151 173 200	#97ADC8
66.7%	66.7% #88A0BF	RGB 136 160 191	#88A0BF
83.3%	83.3% #7993B6	RGB 121 147 182	#7993B6
100.0%	100.0% #6B87AD	RGB 107 135 173	#6B87AD

#C4D3E4 #B5C6DA #A6B9D1 #97ADC8 #88A0BF #7993B6 #6B87AD

#C4D3E4 - #6B87AD

HSV Blend

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

0.0%	0.0% #C4D3E4	RGB 196 211 228	#C4D3E4
16.7%	16.7% #B3C5DA	RGB 179 197 218	#B3C5DA
33.3%	33.3% #A3B8D1	RGB 163 184 209	#A3B8D1
50.0%	50.0% #94ABC8	RGB 148 171 200	#94ABC8
66.7%	66.7% #859FBF	RGB 133 159 191	#859FBF
83.3%	83.3% #7792B6	RGB 119 146 182	#7792B6
100.0%	100.0% #6B87AD	RGB 107 135 173	#6B87AD

#C4D3E4 #B3C5DA #A3B8D1 #94ABC8 #859FBF #7792B6 #6B87AD

#C4D3E4 - #94ABC8 - #6B87AD

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #C4D3E4 0%, #94ABC8 50%, #6B87AD 100%);
    background: -webkit-linear-gradient(top, #C4D3E4 0%, #94ABC8 50%, #6B87AD 100%);
    background: linear-gradient(to bottom, #C4D3E4 0%, #94ABC8 50%, #6B87AD 100%);
}
</style>