#C7D3E6 - #787DB1 | 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 #C7D3E6 to #787DB1

#C7D3E6 #787DB1

Calculate the color between two colors, #C7D3E6 and #787DB1. 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)

#C7D3E6 - #787DB1 | 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 #C7D3E6 as 0% and #787DB1 as 100%.

0.0%	0.0% #C7D3E6	RGB 199 211 230	#C7D3E6
16.7%	16.7% #B9C4DD	RGB 185 196 221	#B9C4DD
33.3%	33.3% #ACB6D4	RGB 172 182 212	#ACB6D4
50.0%	50.0% #9FA8CB	RGB 159 168 203	#9FA8CB
66.7%	66.7% #9299C2	RGB 146 153 194	#9299C2
83.3%	83.3% #858BB9	RGB 133 139 185	#858BB9
100.0%	100.0% #787DB1	RGB 120 125 177	#787DB1

#C7D3E6 #B9C4DD #ACB6D4 #9FA8CB #9299C2 #858BB9 #787DB1

#C7D3E6 - #787DB1

HSV Blend

#C7D3E6 - #787DB1 | 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 #C7D3E6 as 0% and #787DB1 as 100%.

0.0%	0.0% #C7D3E6	RGB 199 211 230	#C7D3E6
16.7%	16.7% #B8C4DD	RGB 184 196 221	#B8C4DD
33.3%	33.3% #AAB6D4	RGB 170 182 212	#AAB6D4
50.0%	50.0% #9DA8CB	RGB 157 168 203	#9DA8CB
66.7%	66.7% #9099C2	RGB 144 153 194	#9099C2
83.3%	83.3% #838BB9	RGB 131 139 185	#838BB9
100.0%	100.0% #787DB1	RGB 120 125 177	#787DB1

#C7D3E6 #B8C4DD #AAB6D4 #9DA8CB #9099C2 #838BB9 #787DB1

#C7D3E6 - #9DA8CB - #787DB1

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #C7D3E6 0%, #9DA8CB 50%, #787DB1 100%);
    background: -webkit-linear-gradient(top, #C7D3E6 0%, #9DA8CB 50%, #787DB1 100%);
    background: linear-gradient(to bottom, #C7D3E6 0%, #9DA8CB 50%, #787DB1 100%);
}
</style>