#380055 - #6F5EAF | 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 #380055 to #6F5EAF

#380055 #6F5EAF

Calculate the color between two colors, #380055 and #6F5EAF. 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)

#380055 - #6F5EAF | 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 #380055 as 0% and #6F5EAF as 100%.

0.0%	0.0% #380055	RGB 56 0 85	#380055
16.7%	16.7% #410F64	RGB 65 15 100	#410F64
33.3%	33.3% #4A1F73	RGB 74 31 115	#4A1F73
50.0%	50.0% #532F82	RGB 83 47 130	#532F82
66.7%	66.7% #5C3E91	RGB 92 62 145	#5C3E91
83.3%	83.3% #654EA0	RGB 101 78 160	#654EA0
100.0%	100.0% #6F5EAF	RGB 111 94 175	#6F5EAF

#380055 #410F64 #4A1F73 #532F82 #5C3E91 #654EA0 #6F5EAF

#380055 - #6F5EAF

HSV Blend

#380055 - #6F5EAF | 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 #380055 as 0% and #6F5EAF as 100%.

0.0%	0.0% #380055	RGB 56 0 85	#380055
16.7%	16.7% #3E0864	RGB 62 8 100	#3E0864
33.3%	33.3% #441473	RGB 68 20 115	#441473
50.0%	50.0% #4C2282	RGB 76 34 130	#4C2282
66.7%	66.7% #553391	RGB 85 51 145	#553391
83.3%	83.3% #6047A0	RGB 96 71 160	#6047A0
100.0%	100.0% #6F5EAF	RGB 111 94 175	#6F5EAF

#380055 #3E0864 #441473 #4C2282 #553391 #6047A0 #6F5EAF

#380055 - #4C2282 - #6F5EAF

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #380055 0%, #4C2282 50%, #6F5EAF 100%);
    background: -webkit-linear-gradient(top, #380055 0%, #4C2282 50%, #6F5EAF 100%);
    background: linear-gradient(to bottom, #380055 0%, #4C2282 50%, #6F5EAF 100%);
}
</style>