#7474A8 - #8CB1FF | 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 #7474A8 to #8CB1FF

#7474A8 #8CB1FF

Calculate the color between two colors, #7474A8 and #8CB1FF. 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)

#7474A8 - #8CB1FF | 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 #7474A8 as 0% and #8CB1FF as 100%.

0.0%	0.0% #7474A8	RGB 116 116 168	#7474A8
16.7%	16.7% #787EB6	RGB 120 126 182	#787EB6
33.3%	33.3% #7C88C5	RGB 124 136 197	#7C88C5
50.0%	50.0% #8092D3	RGB 128 146 211	#8092D3
66.7%	66.7% #849CE2	RGB 132 156 226	#849CE2
83.3%	83.3% #88A6F0	RGB 136 166 240	#88A6F0
100.0%	100.0% #8CB1FF	RGB 140 177 255	#8CB1FF

#7474A8 #787EB6 #7C88C5 #8092D3 #849CE2 #88A6F0 #8CB1FF

#7474A8 - #8CB1FF

HSV Blend

#7474A8 - #8CB1FF | 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 #7474A8 as 0% and #8CB1FF as 100%.

0.0%	0.0% #7474A8	RGB 116 116 168	#7474A8
16.7%	16.7% #797CB6	RGB 121 124 182	#797CB6
33.3%	33.3% #7E86C5	RGB 126 134 197	#7E86C5
50.0%	50.0% #8390D3	RGB 131 144 211	#8390D3
66.7%	66.7% #869AE2	RGB 134 154 226	#869AE2
83.3%	83.3% #89A5F0	RGB 137 165 240	#89A5F0
100.0%	100.0% #8CB1FF	RGB 140 177 255	#8CB1FF

#7474A8 #797CB6 #7E86C5 #8390D3 #869AE2 #89A5F0 #8CB1FF

#7474A8 - #8390D3 - #8CB1FF

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #7474A8 0%, #8390D3 50%, #8CB1FF 100%);
    background: -webkit-linear-gradient(top, #7474A8 0%, #8390D3 50%, #8CB1FF 100%);
    background: linear-gradient(to bottom, #7474A8 0%, #8390D3 50%, #8CB1FF 100%);
}
</style>