#281039 - #220530 | 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 #281039 to #220530

#281039 #220530

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

#281039 - #220530 | 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 #281039 as 0% and #220530 as 100%.

0.0%	0.0% #281039	RGB 40 16 57	#281039
16.7%	16.7% #270E37	RGB 39 14 55	#270E37
33.3%	33.3% #260C36	RGB 38 12 54	#260C36
50.0%	50.0% #250A34	RGB 37 10 52	#250A34
66.7%	66.7% #240833	RGB 36 8 51	#240833
83.3%	83.3% #230631	RGB 35 6 49	#230631
100.0%	100.0% #220530	RGB 34 5 48	#220530

#281039 #270E37 #260C36 #250A34 #240833 #230631 #220530

#281039 - #220530

HSV Blend

#281039 - #220530 | 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 #281039 as 0% and #220530 as 100%.

0.0%	0.0% #281039	RGB 40 16 57	#281039
16.7%	16.7% #260D37	RGB 38 13 55	#260D37
33.3%	33.3% #250B36	RGB 37 11 54	#250B36
50.0%	50.0% #240A34	RGB 36 10 52	#240A34
66.7%	66.7% #230833	RGB 35 8 51	#230833
83.3%	83.3% #220631	RGB 34 6 49	#220631
100.0%	100.0% #220530	RGB 34 5 48	#220530

#281039 #260D37 #250B36 #240A34 #230833 #220631 #220530

#281039 - #240A34 - #220530

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #281039 0%, #240A34 50%, #220530 100%);
    background: -webkit-linear-gradient(top, #281039 0%, #240A34 50%, #220530 100%);
    background: linear-gradient(to bottom, #281039 0%, #240A34 50%, #220530 100%);
}
</style>