#744EB6 - #221633 | 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 #744EB6 to #221633

#744EB6 #221633

Calculate the color between two colors, #744EB6 and #221633. 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)

#744EB6 - #221633 | 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 #744EB6 as 0% and #221633 as 100%.

0.0%	0.0% #744EB6	RGB 116 78 182	#744EB6
16.7%	16.7% #6644A0	RGB 102 68 160	#6644A0
33.3%	33.3% #583B8A	RGB 88 59 138	#583B8A
50.0%	50.0% #4B3274	RGB 75 50 116	#4B3274
66.7%	66.7% #3D285E	RGB 61 40 94	#3D285E
83.3%	83.3% #2F1F48	RGB 47 31 72	#2F1F48
100.0%	100.0% #221633	RGB 34 22 51	#221633

#744EB6 #6644A0 #583B8A #4B3274 #3D285E #2F1F48 #221633

#744EB6 - #221633

HSV Blend

#744EB6 - #221633 | 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 #744EB6 as 0% and #221633 as 100%.

0.0%	0.0% #744EB6	RGB 116 78 182	#744EB6
16.7%	16.7% #6644A0	RGB 102 68 160	#6644A0
33.3%	33.3% #593B8A	RGB 89 59 138	#593B8A
50.0%	50.0% #4B3274	RGB 75 50 116	#4B3274
66.7%	66.7% #3E285E	RGB 62 40 94	#3E285E
83.3%	83.3% #301F48	RGB 48 31 72	#301F48
100.0%	100.0% #221633	RGB 34 22 51	#221633

#744EB6 #6644A0 #593B8A #4B3274 #3E285E #301F48 #221633

#744EB6 - #4B3274 - #221633

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #744EB6 0%, #4B3274 50%, #221633 100%);
    background: -webkit-linear-gradient(top, #744EB6 0%, #4B3274 50%, #221633 100%);
    background: linear-gradient(to bottom, #744EB6 0%, #4B3274 50%, #221633 100%);
}
</style>