#C9BE2D - #FBA3D6 | 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 #C9BE2D to #FBA3D6

#C9BE2D #FBA3D6

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

#C9BE2D - #FBA3D6 | 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 #C9BE2D as 0% and #FBA3D6 as 100%.

0.0%	0.0% #C9BE2D	RGB 201 190 45	#C9BE2D
16.7%	16.7% #D1B949	RGB 209 185 73	#D1B949
33.3%	33.3% #D9B565	RGB 217 181 101	#D9B565
50.0%	50.0% #E2B081	RGB 226 176 129	#E2B081
66.7%	66.7% #EAAC9D	RGB 234 172 157	#EAAC9D
83.3%	83.3% #F2A7B9	RGB 242 167 185	#F2A7B9
100.0%	100.0% #FBA3D6	RGB 251 163 214	#FBA3D6

#C9BE2D #D1B949 #D9B565 #E2B081 #EAAC9D #F2A7B9 #FBA3D6

#C9BE2D - #FBA3D6

HSV Blend

#C9BE2D - #FBA3D6 | 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 #C9BE2D as 0% and #FBA3D6 as 100%.

0.0%	0.0% #C9BE2D	RGB 201 190 45	#C9BE2D
16.7%	16.7% #D1A13D	RGB 209 161 61	#D1A13D
33.3%	33.3% #D98A4F	RGB 217 138 79	#D98A4F
50.0%	50.0% #E27862	RGB 226 120 98	#E27862
66.7%	66.7% #EA767F	RGB 234 118 127	#EA767F
83.3%	83.3% #F28CAD	RGB 242 140 173	#F28CAD
100.0%	100.0% #FBA3D6	RGB 251 163 214	#FBA3D6

#C9BE2D #D1A13D #D98A4F #E27862 #EA767F #F28CAD #FBA3D6

#C9BE2D - #E27862 - #FBA3D6

CSS codes

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

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