#B3AC3C - #F18DB7 | 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 #B3AC3C to #F18DB7

#B3AC3C #F18DB7

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

#B3AC3C - #F18DB7 | 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 #B3AC3C as 0% and #F18DB7 as 100%.

0.0%	0.0% #B3AC3C	RGB 179 172 60	#B3AC3C
16.7%	16.7% #BDA650	RGB 189 166 80	#BDA650
33.3%	33.3% #C7A165	RGB 199 161 101	#C7A165
50.0%	50.0% #D29C79	RGB 210 156 121	#D29C79
66.7%	66.7% #DC978E	RGB 220 151 142	#DC978E
83.3%	83.3% #E692A2	RGB 230 146 162	#E692A2
100.0%	100.0% #F18DB7	RGB 241 141 183	#F18DB7

#B3AC3C #BDA650 #C7A165 #D29C79 #DC978E #E692A2 #F18DB7

#B3AC3C - #F18DB7

HSV Blend

#B3AC3C - #F18DB7 | 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 #B3AC3C as 0% and #F18DB7 as 100%.

0.0%	0.0% #B3AC3C	RGB 179 172 60	#B3AC3C
16.7%	16.7% #BD9B47	RGB 189 155 71	#BD9B47
33.3%	33.3% #C78C53	RGB 199 140 83	#C78C53
50.0%	50.0% #D27E60	RGB 210 126 96	#D27E60
66.7%	66.7% #DC726E	RGB 220 114 110	#DC726E
83.3%	83.3% #E67D91	RGB 230 125 145	#E67D91
100.0%	100.0% #F18DB7	RGB 241 141 183	#F18DB7

#B3AC3C #BD9B47 #C78C53 #D27E60 #DC726E #E67D91 #F18DB7

#B3AC3C - #D27E60 - #F18DB7

CSS codes

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

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