#C7CBF0 - #657DBD | 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 #C7CBF0 to #657DBD

#C7CBF0 #657DBD

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

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

0.0%	0.0% #C7CBF0	RGB 199 203 240	#C7CBF0
16.7%	16.7% #B6BEE7	RGB 182 190 231	#B6BEE7
33.3%	33.3% #A6B1DF	RGB 166 177 223	#A6B1DF
50.0%	50.0% #96A4D6	RGB 150 164 214	#96A4D6
66.7%	66.7% #8597CE	RGB 133 151 206	#8597CE
83.3%	83.3% #758AC5	RGB 117 138 197	#758AC5
100.0%	100.0% #657DBD	RGB 101 125 189	#657DBD

#C7CBF0 #B6BEE7 #A6B1DF #96A4D6 #8597CE #758AC5 #657DBD

#C7CBF0 - #657DBD

HSV Blend

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

0.0%	0.0% #C7CBF0	RGB 199 203 240	#C7CBF0
16.7%	16.7% #B4BBE7	RGB 180 187 231	#B4BBE7
33.3%	33.3% #A2ACDF	RGB 162 172 223	#A2ACDF
50.0%	50.0% #929ED6	RGB 146 158 214	#929ED6
66.7%	66.7% #8292CE	RGB 130 146 206	#8292CE
83.3%	83.3% #7387C5	RGB 115 135 197	#7387C5
100.0%	100.0% #657DBD	RGB 101 125 189	#657DBD

#C7CBF0 #B4BBE7 #A2ACDF #929ED6 #8292CE #7387C5 #657DBD

#C7CBF0 - #929ED6 - #657DBD

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #C7CBF0 0%, #929ED6 50%, #657DBD 100%);
    background: -webkit-linear-gradient(top, #C7CBF0 0%, #929ED6 50%, #657DBD 100%);
    background: linear-gradient(to bottom, #C7CBF0 0%, #929ED6 50%, #657DBD 100%);
}
</style>