#8484D6 - #25253D | 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 #8484D6 to #25253D

#8484D6 #25253D

Calculate the color between two colors, #8484D6 and #25253D. 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)

#8484D6 - #25253D | 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 #8484D6 as 0% and #25253D as 100%.

0.0%	0.0% #8484D6	RGB 132 132 214	#8484D6
16.7%	16.7% #7474BC	RGB 116 116 188	#7474BC
33.3%	33.3% #6464A3	RGB 100 100 163	#6464A3
50.0%	50.0% #545489	RGB 84 84 137	#545489
66.7%	66.7% #444470	RGB 68 68 112	#444470
83.3%	83.3% #343456	RGB 52 52 86	#343456
100.0%	100.0% #25253D	RGB 37 37 61	#25253D

#8484D6 #7474BC #6464A3 #545489 #444470 #343456 #25253D

#8484D6 - #25253D

HSV Blend

#8484D6 - #25253D | 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 #8484D6 as 0% and #25253D as 100%.

0.0%	0.0% #8484D6	RGB 132 132 214	#8484D6
16.7%	16.7% #7373BC	RGB 115 115 188	#7373BC
33.3%	33.3% #6363A3	RGB 99 99 163	#6363A3
50.0%	50.0% #545489	RGB 84 84 137	#545489
66.7%	66.7% #444470	RGB 68 68 112	#444470
83.3%	83.3% #343456	RGB 52 52 86	#343456
100.0%	100.0% #25253D	RGB 37 37 61	#25253D

#8484D6 #7373BC #6363A3 #545489 #444470 #343456 #25253D

#8484D6 - #545489 - #25253D

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #8484D6 0%, #545489 50%, #25253D 100%);
    background: -webkit-linear-gradient(top, #8484D6 0%, #545489 50%, #25253D 100%);
    background: linear-gradient(to bottom, #8484D6 0%, #545489 50%, #25253D 100%);
}
</style>