#C3C9DF - #657DA5 | 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 #C3C9DF to #657DA5

#C3C9DF #657DA5

Calculate the color between two colors, #C3C9DF and #657DA5. 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)

#C3C9DF - #657DA5 | 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 #C3C9DF as 0% and #657DA5 as 100%.

0.0%	0.0% #C3C9DF	RGB 195 201 223	#C3C9DF
16.7%	16.7% #B3BCD5	RGB 179 188 213	#B3BCD5
33.3%	33.3% #A3AFCB	RGB 163 175 203	#A3AFCB
50.0%	50.0% #94A3C2	RGB 148 163 194	#94A3C2
66.7%	66.7% #8496B8	RGB 132 150 184	#8496B8
83.3%	83.3% #7489AE	RGB 116 137 174	#7489AE
100.0%	100.0% #657DA5	RGB 101 125 165	#657DA5

#C3C9DF #B3BCD5 #A3AFCB #94A3C2 #8496B8 #7489AE #657DA5

#C3C9DF - #657DA5

HSV Blend

#C3C9DF - #657DA5 | 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 #C3C9DF as 0% and #657DA5 as 100%.

0.0%	0.0% #C3C9DF	RGB 195 201 223	#C3C9DF
16.7%	16.7% #B1B9D5	RGB 177 185 213	#B1B9D5
33.3%	33.3% #A0ABCB	RGB 160 171 203	#A0ABCB
50.0%	50.0% #909EC2	RGB 144 158 194	#909EC2
66.7%	66.7% #8092B8	RGB 128 146 184	#8092B8
83.3%	83.3% #7287AE	RGB 114 135 174	#7287AE
100.0%	100.0% #657DA5	RGB 101 125 165	#657DA5

#C3C9DF #B1B9D5 #A0ABCB #909EC2 #8092B8 #7287AE #657DA5

#C3C9DF - #909EC2 - #657DA5

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #C3C9DF 0%, #909EC2 50%, #657DA5 100%);
    background: -webkit-linear-gradient(top, #C3C9DF 0%, #909EC2 50%, #657DA5 100%);
    background: linear-gradient(to bottom, #C3C9DF 0%, #909EC2 50%, #657DA5 100%);
}
</style>