#C4C5E3 - #6278AA | 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 #C4C5E3 to #6278AA

#C4C5E3 #6278AA

Calculate the color between two colors, #C4C5E3 and #6278AA. 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)

#C4C5E3 - #6278AA | 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 #C4C5E3 as 0% and #6278AA as 100%.

0.0%	0.0% #C4C5E3	RGB 196 197 227	#C4C5E3
16.7%	16.7% #B3B8D9	RGB 179 184 217	#B3B8D9
33.3%	33.3% #A3ABD0	RGB 163 171 208	#A3ABD0
50.0%	50.0% #939EC6	RGB 147 158 198	#939EC6
66.7%	66.7% #8291BD	RGB 130 145 189	#8291BD
83.3%	83.3% #7284B3	RGB 114 132 179	#7284B3
100.0%	100.0% #6278AA	RGB 98 120 170	#6278AA

#C4C5E3 #B3B8D9 #A3ABD0 #939EC6 #8291BD #7284B3 #6278AA

#C4C5E3 - #6278AA

HSV Blend

#C4C5E3 - #6278AA | 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 #C4C5E3 as 0% and #6278AA as 100%.

0.0%	0.0% #C4C5E3	RGB 196 197 227	#C4C5E3
16.7%	16.7% #B1B4D9	RGB 177 180 217	#B1B4D9
33.3%	33.3% #9FA5D0	RGB 159 165 208	#9FA5D0
50.0%	50.0% #8E98C6	RGB 142 152 198	#8E98C6
66.7%	66.7% #7F8CBD	RGB 127 140 189	#7F8CBD
83.3%	83.3% #7081B3	RGB 112 129 179	#7081B3
100.0%	100.0% #6278AA	RGB 98 120 170	#6278AA

#C4C5E3 #B1B4D9 #9FA5D0 #8E98C6 #7F8CBD #7081B3 #6278AA

#C4C5E3 - #8E98C6 - #6278AA

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #C4C5E3 0%, #8E98C6 50%, #6278AA 100%);
    background: -webkit-linear-gradient(top, #C4C5E3 0%, #8E98C6 50%, #6278AA 100%);
    background: linear-gradient(to bottom, #C4C5E3 0%, #8E98C6 50%, #6278AA 100%);
}
</style>