#C4D3E6 - #728BC2 | 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 #C4D3E6 to #728BC2

#C4D3E6 #728BC2

Calculate the color between two colors, #C4D3E6 and #728BC2. 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)

#C4D3E6 - #728BC2 | 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 #C4D3E6 as 0% and #728BC2 as 100%.

0.0%	0.0% #C4D3E6	RGB 196 211 230	#C4D3E6
16.7%	16.7% #B6C7E0	RGB 182 199 224	#B6C7E0
33.3%	33.3% #A8BBDA	RGB 168 187 218	#A8BBDA
50.0%	50.0% #9BAFD4	RGB 155 175 212	#9BAFD4
66.7%	66.7% #8DA3CE	RGB 141 163 206	#8DA3CE
83.3%	83.3% #7F97C8	RGB 127 151 200	#7F97C8
100.0%	100.0% #728BC2	RGB 114 139 194	#728BC2

#C4D3E6 #B6C7E0 #A8BBDA #9BAFD4 #8DA3CE #7F97C8 #728BC2

#C4D3E6 - #728BC2

HSV Blend

#C4D3E6 - #728BC2 | 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 #C4D3E6 as 0% and #728BC2 as 100%.

0.0%	0.0% #C4D3E6	RGB 196 211 230	#C4D3E6
16.7%	16.7% #B5C7E0	RGB 181 199 224	#B5C7E0
33.3%	33.3% #A6BBDA	RGB 166 187 218	#A6BBDA
50.0%	50.0% #98AED4	RGB 152 174 212	#98AED4
66.7%	66.7% #8BA2CE	RGB 139 162 206	#8BA2CE
83.3%	83.3% #7E96C8	RGB 126 150 200	#7E96C8
100.0%	100.0% #728BC2	RGB 114 139 194	#728BC2

#C4D3E6 #B5C7E0 #A6BBDA #98AED4 #8BA2CE #7E96C8 #728BC2

#C4D3E6 - #98AED4 - #728BC2

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #C4D3E6 0%, #98AED4 50%, #728BC2 100%);
    background: -webkit-linear-gradient(top, #C4D3E6 0%, #98AED4 50%, #728BC2 100%);
    background: linear-gradient(to bottom, #C4D3E6 0%, #98AED4 50%, #728BC2 100%);
}
</style>