#FFD992 - #FFB2B9 | 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 #FFD992 to #FFB2B9

#FFD992 #FFB2B9

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

#FFD992 - #FFB2B9 | 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 #FFD992 as 0% and #FFB2B9 as 100%.

0.0%	0.0% #FFD992	RGB 255 217 146	#FFD992
16.7%	16.7% #FFD298	RGB 255 210 152	#FFD298
33.3%	33.3% #FFCC9F	RGB 255 204 159	#FFCC9F
50.0%	50.0% #FFC5A5	RGB 255 197 165	#FFC5A5
66.7%	66.7% #FFBFAC	RGB 255 191 172	#FFBFAC
83.3%	83.3% #FFB8B2	RGB 255 184 178	#FFB8B2
100.0%	100.0% #FFB2B9	RGB 255 178 185	#FFB2B9

#FFD992 #FFD298 #FFCC9F #FFC5A5 #FFBFAC #FFB8B2 #FFB2B9

#FFD992 - #FFB2B9

HSV Blend

#FFD992 - #FFB2B9 | 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 #FFD992 as 0% and #FFB2B9 as 100%.

0.0%	0.0% #FFD992	RGB 255 217 146	#FFD992
16.7%	16.7% #FFCE97	RGB 255 206 151	#FFCE97
33.3%	33.3% #FFC49C	RGB 255 196 156	#FFC49C
50.0%	50.0% #FFBCA2	RGB 255 188 162	#FFBCA2
66.7%	66.7% #FFB5A7	RGB 255 181 167	#FFB5A7
83.3%	83.3% #FFAFAC	RGB 255 175 172	#FFAFAC
100.0%	100.0% #FFB2B9	RGB 255 178 185	#FFB2B9

#FFD992 #FFCE97 #FFC49C #FFBCA2 #FFB5A7 #FFAFAC #FFB2B9

#FFD992 - #FFBCA2 - #FFB2B9

CSS codes

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

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