#C5C7DF - #647BA5 | 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 #C5C7DF to #647BA5

#C5C7DF #647BA5

Calculate the color between two colors, #C5C7DF and #647BA5. 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)

#C5C7DF - #647BA5 | 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 #C5C7DF as 0% and #647BA5 as 100%.

0.0%	0.0% #C5C7DF	RGB 197 199 223	#C5C7DF
16.7%	16.7% #B4BAD5	RGB 180 186 213	#B4BAD5
33.3%	33.3% #A4ADCB	RGB 164 173 203	#A4ADCB
50.0%	50.0% #94A1C2	RGB 148 161 194	#94A1C2
66.7%	66.7% #8494B8	RGB 132 148 184	#8494B8
83.3%	83.3% #7487AE	RGB 116 135 174	#7487AE
100.0%	100.0% #647BA5	RGB 100 123 165	#647BA5

#C5C7DF #B4BAD5 #A4ADCB #94A1C2 #8494B8 #7487AE #647BA5

#C5C7DF - #647BA5

HSV Blend

#C5C7DF - #647BA5 | 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 #C5C7DF as 0% and #647BA5 as 100%.

0.0%	0.0% #C5C7DF	RGB 197 199 223	#C5C7DF
16.7%	16.7% #B2B6D5	RGB 178 182 213	#B2B6D5
33.3%	33.3% #A1A8CB	RGB 161 168 203	#A1A8CB
50.0%	50.0% #909BC2	RGB 144 155 194	#909BC2
66.7%	66.7% #808FB8	RGB 128 143 184	#808FB8
83.3%	83.3% #7184AE	RGB 113 132 174	#7184AE
100.0%	100.0% #647BA5	RGB 100 123 165	#647BA5

#C5C7DF #B2B6D5 #A1A8CB #909BC2 #808FB8 #7184AE #647BA5

#C5C7DF - #909BC2 - #647BA5

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #C5C7DF 0%, #909BC2 50%, #647BA5 100%);
    background: -webkit-linear-gradient(top, #C5C7DF 0%, #909BC2 50%, #647BA5 100%);
    background: linear-gradient(to bottom, #C5C7DF 0%, #909BC2 50%, #647BA5 100%);
}
</style>