#FFEF92 - #FFB5EB | 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 #FFEF92 to #FFB5EB

#FFEF92 #FFB5EB

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

#FFEF92 - #FFB5EB | 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 #FFEF92 as 0% and #FFB5EB as 100%.

0.0%	0.0% #FFEF92	RGB 255 239 146	#FFEF92
16.7%	16.7% #FFE5A0	RGB 255 229 160	#FFE5A0
33.3%	33.3% #FFDBAF	RGB 255 219 175	#FFDBAF
50.0%	50.0% #FFD2BE	RGB 255 210 190	#FFD2BE
66.7%	66.7% #FFC8CD	RGB 255 200 205	#FFC8CD
83.3%	83.3% #FFBEDC	RGB 255 190 220	#FFBEDC
100.0%	100.0% #FFB5EB	RGB 255 181 235	#FFB5EB

#FFEF92 #FFE5A0 #FFDBAF #FFD2BE #FFC8CD #FFBEDC #FFB5EB

#FFEF92 - #FFB5EB

HSV Blend

#FFEF92 - #FFB5EB | 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 #FFEF92 as 0% and #FFB5EB as 100%.

0.0%	0.0% #FFEF92	RGB 255 239 146	#FFEF92
16.7%	16.7% #FFD497	RGB 255 212 151	#FFD497
33.3%	33.3% #FFBD9D	RGB 255 189 157	#FFBD9D
50.0%	50.0% #FFA9A3	RGB 255 169 163	#FFA9A3
66.7%	66.7% #FFA9BA	RGB 255 169 186	#FFA9BA
83.3%	83.3% #FFAFD4	RGB 255 175 212	#FFAFD4
100.0%	100.0% #FFB5EB	RGB 255 181 235	#FFB5EB

#FFEF92 #FFD497 #FFBD9D #FFA9A3 #FFA9BA #FFAFD4 #FFB5EB

#FFEF92 - #FFA9A3 - #FFB5EB

CSS codes

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

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