#A8AD4D - #FF757E | 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 #A8AD4D to #FF757E

#A8AD4D #FF757E

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

#A8AD4D - #FF757E | 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 #A8AD4D as 0% and #FF757E as 100%.

0.0%	0.0% #A8AD4D	RGB 168 173 77	#A8AD4D
16.7%	16.7% #B6A355	RGB 182 163 85	#B6A355
33.3%	33.3% #C59A5D	RGB 197 154 93	#C59A5D
50.0%	50.0% #D39165	RGB 211 145 101	#D39165
66.7%	66.7% #E2876D	RGB 226 135 109	#E2876D
83.3%	83.3% #F07E75	RGB 240 126 117	#F07E75
100.0%	100.0% #FF757E	RGB 255 117 126	#FF757E

#A8AD4D #B6A355 #C59A5D #D39165 #E2876D #F07E75 #FF757E

#A8AD4D - #FF757E

HSV Blend

#A8AD4D - #FF757E | 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 #A8AD4D as 0% and #FF757E as 100%.

0.0%	0.0% #A8AD4D	RGB 168 173 77	#A8AD4D
16.7%	16.7% #BAAC53	RGB 186 172 83	#BAAC53
33.3%	33.3% #C8A55A	RGB 200 165 90	#C8A55A
50.0%	50.0% #D69A60	RGB 214 154 96	#D69A60
66.7%	66.7% #E38D67	RGB 227 141 103	#E38D67
83.3%	83.3% #F17E6E	RGB 241 126 110	#F17E6E
100.0%	100.0% #FF757E	RGB 255 117 126	#FF757E

#A8AD4D #BAAC53 #C8A55A #D69A60 #E38D67 #F17E6E #FF757E

#A8AD4D - #D69A60 - #FF757E

CSS codes

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

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