#B0656A - #FDB07E | 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 #B0656A to #FDB07E

#B0656A #FDB07E

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

#B0656A - #FDB07E | 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 #B0656A as 0% and #FDB07E as 100%.

0.0%	0.0% #B0656A	RGB 176 101 106	#B0656A
16.7%	16.7% #BC716D	RGB 188 113 109	#BC716D
33.3%	33.3% #C97E70	RGB 201 126 112	#C97E70
50.0%	50.0% #D68A74	RGB 214 138 116	#D68A74
66.7%	66.7% #E39777	RGB 227 151 119	#E39777
83.3%	83.3% #F0A37A	RGB 240 163 122	#F0A37A
100.0%	100.0% #FDB07E	RGB 253 176 126	#FDB07E

#B0656A #BC716D #C97E70 #D68A74 #E39777 #F0A37A #FDB07E

#B0656A - #FDB07E

HSV Blend

#B0656A - #FDB07E | 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 #B0656A as 0% and #FDB07E as 100%.

0.0%	0.0% #B0656A	RGB 176 101 106	#B0656A
16.7%	16.7% #BC6A69	RGB 188 106 105	#BC6A69
33.3%	33.3% #C9766E	RGB 201 118 110	#C9766E
50.0%	50.0% #D68372	RGB 214 131 114	#D68372
66.7%	66.7% #E39076	RGB 227 144 118	#E39076
83.3%	83.3% #F09F7A	RGB 240 159 122	#F09F7A
100.0%	100.0% #FDB07E	RGB 253 176 126	#FDB07E

#B0656A #BC6A69 #C9766E #D68372 #E39076 #F09F7A #FDB07E

#B0656A - #D68372 - #FDB07E

CSS codes

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

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