#FFDB8C - #FFA8B6 | 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 #FFDB8C to #FFA8B6

#FFDB8C #FFA8B6

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

#FFDB8C - #FFA8B6 | 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 #FFDB8C as 0% and #FFA8B6 as 100%.

0.0%	0.0% #FFDB8C	RGB 255 219 140	#FFDB8C
16.7%	16.7% #FFD293	RGB 255 210 147	#FFD293
33.3%	33.3% #FFCA9A	RGB 255 202 154	#FFCA9A
50.0%	50.0% #FFC1A1	RGB 255 193 161	#FFC1A1
66.7%	66.7% #FFB9A8	RGB 255 185 168	#FFB9A8
83.3%	83.3% #FFB0AF	RGB 255 176 175	#FFB0AF
100.0%	100.0% #FFA8B6	RGB 255 168 182	#FFA8B6

#FFDB8C #FFD293 #FFCA9A #FFC1A1 #FFB9A8 #FFB0AF #FFA8B6

#FFDB8C - #FFA8B6

HSV Blend

#FFDB8C - #FFA8B6 | 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 #FFDB8C as 0% and #FFA8B6 as 100%.

0.0%	0.0% #FFDB8C	RGB 255 219 140	#FFDB8C
16.7%	16.7% #FFCC90	RGB 255 204 144	#FFCC90
33.3%	33.3% #FFC095	RGB 255 192 149	#FFC095
50.0%	50.0% #FFB49A	RGB 255 180 154	#FFB49A
66.7%	66.7% #FFAA9E	RGB 255 170 158	#FFAA9E
83.3%	83.3% #FFA3A5	RGB 255 163 165	#FFA3A5
100.0%	100.0% #FFA8B6	RGB 255 168 182	#FFA8B6

#FFDB8C #FFCC90 #FFC095 #FFB49A #FFAA9E #FFA3A5 #FFA8B6

#FFDB8C - #FFB49A - #FFA8B6

CSS codes

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

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