#1F1039 - #80495F | 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 #1F1039 to #80495F

#1F1039 #80495F

Calculate the color between two colors, #1F1039 and #80495F. 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)

#1F1039 - #80495F | 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 #1F1039 as 0% and #80495F as 100%.

0.0%	0.0% #1F1039	RGB 31 16 57	#1F1039
16.7%	16.7% #2F193F	RGB 47 25 63	#2F193F
33.3%	33.3% #3F2345	RGB 63 35 69	#3F2345
50.0%	50.0% #4F2C4C	RGB 79 44 76	#4F2C4C
66.7%	66.7% #5F3652	RGB 95 54 82	#5F3652
83.3%	83.3% #6F3F58	RGB 111 63 88	#6F3F58
100.0%	100.0% #80495F	RGB 128 73 95	#80495F

#1F1039 #2F193F #3F2345 #4F2C4C #5F3652 #6F3F58 #80495F

#1F1039 - #80495F

HSV Blend

#1F1039 - #80495F | 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 #1F1039 as 0% and #80495F as 100%.

0.0%	0.0% #1F1039	RGB 31 16 57	#1F1039
16.7%	16.7% #311644	RGB 49 22 68	#311644
33.3%	33.3% #451E50	RGB 69 30 80	#451E50
50.0%	50.0% #5B275C	RGB 91 39 92	#5B275C
66.7%	66.7% #68315D	RGB 104 49 93	#68315D
83.3%	83.3% #743C5E	RGB 116 60 94	#743C5E
100.0%	100.0% #80495F	RGB 128 73 95	#80495F

#1F1039 #311644 #451E50 #5B275C #68315D #743C5E #80495F

#1F1039 - #5B275C - #80495F

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #1F1039 0%, #5B275C 50%, #80495F 100%);
    background: -webkit-linear-gradient(top, #1F1039 0%, #5B275C 50%, #80495F 100%);
    background: linear-gradient(to bottom, #1F1039 0%, #5B275C 50%, #80495F 100%);
}
</style>