#6B5C7E - #30192E | 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 #6B5C7E to #30192E

#6B5C7E #30192E

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

#6B5C7E - #30192E | 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 #6B5C7E as 0% and #30192E as 100%.

0.0%	0.0% #6B5C7E	RGB 107 92 126	#6B5C7E
16.7%	16.7% #615070	RGB 97 80 112	#615070
33.3%	33.3% #574563	RGB 87 69 99	#574563
50.0%	50.0% #4D3A56	RGB 77 58 86	#4D3A56
66.7%	66.7% #432F48	RGB 67 47 72	#432F48
83.3%	83.3% #39243B	RGB 57 36 59	#39243B
100.0%	100.0% #30192E	RGB 48 25 46	#30192E

#6B5C7E #615070 #574563 #4D3A56 #432F48 #39243B #30192E

#6B5C7E - #30192E

HSV Blend

#6B5C7E - #30192E | 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 #6B5C7E as 0% and #30192E as 100%.

0.0%	0.0% #6B5C7E	RGB 107 92 126	#6B5C7E
16.7%	16.7% #614E71	RGB 97 78 113	#614E71
33.3%	33.3% #584264	RGB 88 66 100	#584264
50.0%	50.0% #4F3657	RGB 79 54 87	#4F3657
66.7%	66.7% #462B4A	RGB 70 43 74	#462B4A
83.3%	83.3% #3C213D	RGB 60 33 61	#3C213D
100.0%	100.0% #30192E	RGB 48 25 46	#30192E

#6B5C7E #614E71 #584264 #4F3657 #462B4A #3C213D #30192E

#6B5C7E - #4F3657 - #30192E

CSS codes

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

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