#6B5488 - #EDA099 | 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 #6B5488 to #EDA099

#6B5488 #EDA099

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

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

0.0%	0.0% #6B5488	RGB 107 84 136	#6B5488
16.7%	16.7% #80608A	RGB 128 96 138	#80608A
33.3%	33.3% #966D8D	RGB 150 109 141	#966D8D
50.0%	50.0% #AC7A90	RGB 172 122 144	#AC7A90
66.7%	66.7% #C18693	RGB 193 134 147	#C18693
83.3%	83.3% #D79396	RGB 215 147 150	#D79396
100.0%	100.0% #EDA099	RGB 237 160 153	#EDA099

#6B5488 #80608A #966D8D #AC7A90 #C18693 #D79396 #EDA099

#6B5488 - #EDA099

HSV Blend

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

0.0%	0.0% #6B5488	RGB 107 84 136	#6B5488
16.7%	16.7% #885F98	RGB 136 95 152	#885F98
33.3%	33.3% #A86AA9	RGB 168 106 169	#A86AA9
50.0%	50.0% #BA75A8	RGB 186 117 168	#BA75A8
66.7%	66.7% #CB81A3	RGB 203 129 163	#CB81A3
83.3%	83.3% #DC8D9C	RGB 220 141 156	#DC8D9C
100.0%	100.0% #EDA099	RGB 237 160 153	#EDA099

#6B5488 #885F98 #A86AA9 #BA75A8 #CB81A3 #DC8D9C #EDA099

#6B5488 - #BA75A8 - #EDA099

CSS codes

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

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