#B6768D - #FEC4A6 | 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 #B6768D to #FEC4A6

#B6768D #FEC4A6

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

#B6768D - #FEC4A6 | 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 #B6768D as 0% and #FEC4A6 as 100%.

0.0%	0.0% #B6768D	RGB 182 118 141	#B6768D
16.7%	16.7% #C28391	RGB 194 131 145	#C28391
33.3%	33.3% #CE9095	RGB 206 144 149	#CE9095
50.0%	50.0% #DA9D99	RGB 218 157 153	#DA9D99
66.7%	66.7% #E6AA9D	RGB 230 170 157	#E6AA9D
83.3%	83.3% #F2B7A1	RGB 242 183 161	#F2B7A1
100.0%	100.0% #FEC4A6	RGB 254 196 166	#FEC4A6

#B6768D #C28391 #CE9095 #DA9D99 #E6AA9D #F2B7A1 #FEC4A6

#B6768D - #FEC4A6

HSV Blend

#B6768D - #FEC4A6 | 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 #B6768D as 0% and #FEC4A6 as 100%.

0.0%	0.0% #B6768C	RGB 182 118 140	#B6768C
16.7%	16.7% #C27D8E	RGB 194 125 142	#C27D8E
33.3%	33.3% #CE858E	RGB 206 133 142	#CE858E
50.0%	50.0% #DA8D8E	RGB 218 141 142	#DA8D8E
66.7%	66.7% #E69E95	RGB 230 158 149	#E69E95
83.3%	83.3% #F2B09D	RGB 242 176 157	#F2B09D
100.0%	100.0% #FEC4A6	RGB 254 196 166	#FEC4A6

#B6768C #C27D8E #CE858E #DA8D8E #E69E95 #F2B09D #FEC4A6

#B6768D - #DA8D8E - #FEC4A6

CSS codes

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

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