#8082F7 - #242546 | 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 #8082F7 to #242546

#8082F7 #242546

Calculate the color between two colors, #8082F7 and #242546. 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)

#8082F7 - #242546 | 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 #8082F7 as 0% and #242546 as 100%.

0.0%	0.0% #8082F7	RGB 128 130 247	#8082F7
16.7%	16.7% #7072D9	RGB 112 114 217	#7072D9
33.3%	33.3% #6163BC	RGB 97 99 188	#6163BC
50.0%	50.0% #52539E	RGB 82 83 158	#52539E
66.7%	66.7% #424481	RGB 66 68 129	#424481
83.3%	83.3% #333463	RGB 51 52 99	#333463
100.0%	100.0% #242546	RGB 36 37 70	#242546

#8082F7 #7072D9 #6163BC #52539E #424481 #333463 #242546

#8082F7 - #242546

HSV Blend

#8082F7 - #242546 | 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 #8082F7 as 0% and #242546 as 100%.

0.0%	0.0% #8081F7	RGB 128 129 247	#8081F7
16.7%	16.7% #7072D9	RGB 112 114 217	#7072D9
33.3%	33.3% #6163BC	RGB 97 99 188	#6163BC
50.0%	50.0% #51539E	RGB 81 83 158	#51539E
66.7%	66.7% #424481	RGB 66 68 129	#424481
83.3%	83.3% #333463	RGB 51 52 99	#333463
100.0%	100.0% #242546	RGB 36 37 70	#242546

#8081F7 #7072D9 #6163BC #51539E #424481 #333463 #242546

#8082F7 - #51539E - #242546

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #8081F7 0%, #51539E 50%, #242546 100%);
    background: -webkit-linear-gradient(top, #8081F7 0%, #51539E 50%, #242546 100%);
    background: linear-gradient(to bottom, #8081F7 0%, #51539E 50%, #242546 100%);
}
</style>