#C3D9F7 - #6B87CB | 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 #C3D9F7 to #6B87CB

#C3D9F7 #6B87CB

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

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

0.0%	0.0% #C3D9F7	RGB 195 217 247	#C3D9F7
16.7%	16.7% #B4CBEF	RGB 180 203 239	#B4CBEF
33.3%	33.3% #A5BDE8	RGB 165 189 232	#A5BDE8
50.0%	50.0% #97B0E1	RGB 151 176 225	#97B0E1
66.7%	66.7% #88A2D9	RGB 136 162 217	#88A2D9
83.3%	83.3% #7994D2	RGB 121 148 210	#7994D2
100.0%	100.0% #6B87CB	RGB 107 135 203	#6B87CB

#C3D9F7 #B4CBEF #A5BDE8 #97B0E1 #88A2D9 #7994D2 #6B87CB

#C3D9F7 - #6B87CB

HSV Blend

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

0.0%	0.0% #C3D9F7	RGB 195 217 247	#C3D9F7
16.7%	16.7% #B2CBEF	RGB 178 203 239	#B2CBEF
33.3%	33.3% #A3BDE8	RGB 163 189 232	#A3BDE8
50.0%	50.0% #94AFE1	RGB 148 175 225	#94AFE1
66.7%	66.7% #85A1D9	RGB 133 161 217	#85A1D9
83.3%	83.3% #7894D2	RGB 120 148 210	#7894D2
100.0%	100.0% #6B87CB	RGB 107 135 203	#6B87CB

#C3D9F7 #B2CBEF #A3BDE8 #94AFE1 #85A1D9 #7894D2 #6B87CB

#C3D9F7 - #94AFE1 - #6B87CB

CSS codes

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

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