#101239 - #040510 | 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 #101239 to #040510

#101239 #040510

Calculate the color between two colors, #101239 and #040510. 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)

#101239 - #040510 | 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 #101239 as 0% and #040510 as 100%.

0.0%	0.0% #101239	RGB 16 18 57	#101239
16.7%	16.7% #0E0F32	RGB 14 15 50	#0E0F32
33.3%	33.3% #0C0D2B	RGB 12 13 43	#0C0D2B
50.0%	50.0% #0A0B24	RGB 10 11 36	#0A0B24
66.7%	66.7% #08091D	RGB 8 9 29	#08091D
83.3%	83.3% #060716	RGB 6 7 22	#060716
100.0%	100.0% #040510	RGB 4 5 16	#040510

#101239 #0E0F32 #0C0D2B #0A0B24 #08091D #060716 #040510

#101239 - #040510

HSV Blend

#101239 - #040510 | 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 #101239 as 0% and #040510 as 100%.

0.0%	0.0% #101139	RGB 16 17 57	#101139
16.7%	16.7% #0D0F32	RGB 13 15 50	#0D0F32
33.3%	33.3% #0B0D2B	RGB 11 13 43	#0B0D2B
50.0%	50.0% #090B24	RGB 9 11 36	#090B24
66.7%	66.7% #07091D	RGB 7 9 29	#07091D
83.3%	83.3% #050716	RGB 5 7 22	#050716
100.0%	100.0% #040510	RGB 4 5 16	#040510

#101139 #0D0F32 #0B0D2B #090B24 #07091D #050716 #040510

#101239 - #090B24 - #040510

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #101139 0%, #090B24 50%, #040510 100%);
    background: -webkit-linear-gradient(top, #101139 0%, #090B24 50%, #040510 100%);
    background: linear-gradient(to bottom, #101139 0%, #090B24 50%, #040510 100%);
}
</style>