#FFC57D - #EFB2FF | 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 #FFC57D to #EFB2FF

#FFC57D #EFB2FF

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

#FFC57D - #EFB2FF | 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 #FFC57D as 0% and #EFB2FF as 100%.

0.0%	0.0% #FFC57D	RGB 255 197 125	#FFC57D
16.7%	16.7% #FCC192	RGB 252 193 146	#FCC192
33.3%	33.3% #F9BEA8	RGB 249 190 168	#F9BEA8
50.0%	50.0% #F7BBBE	RGB 247 187 190	#F7BBBE
66.7%	66.7% #F4B8D3	RGB 244 184 211	#F4B8D3
83.3%	83.3% #F1B5E9	RGB 241 181 233	#F1B5E9
100.0%	100.0% #EFB2FF	RGB 239 178 255	#EFB2FF

#FFC57D #FCC192 #F9BEA8 #F7BBBE #F4B8D3 #F1B5E9 #EFB2FF

#FFC57D - #EFB2FF

HSV Blend

#FFC57D - #EFB2FF | 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 #FFC57D as 0% and #EFB2FF as 100%.

0.0%	0.0% #FFC57D	RGB 255 197 125	#FFC57D
16.7%	16.7% #FFA585	RGB 255 165 133	#FFA585
33.3%	33.3% #FF8E92	RGB 255 142 146	#FF8E92
50.0%	50.0% #FF97B9	RGB 255 151 185	#FF97B9
66.7%	66.7% #FFA0DB	RGB 255 160 219	#FFA0DB
83.3%	83.3% #FFA9F7	RGB 255 169 247	#FFA9F7
100.0%	100.0% #EFB2FF	RGB 239 178 255	#EFB2FF

#FFC57D #FFA585 #FF8E92 #FF97B9 #FFA0DB #FFA9F7 #EFB2FF

#FFC57D - #FF97B9 - #EFB2FF

CSS codes

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

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