#B2B148 - #E2ABC0 | 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 #B2B148 to #E2ABC0

#B2B148 #E2ABC0

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

#B2B148 - #E2ABC0 | 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 #B2B148 as 0% and #E2ABC0 as 100%.

0.0%	0.0% #B2B148	RGB 178 177 72	#B2B148
16.7%	16.7% #BAB05C	RGB 186 176 92	#BAB05C
33.3%	33.3% #C2AF70	RGB 194 175 112	#C2AF70
50.0%	50.0% #CAAE84	RGB 202 174 132	#CAAE84
66.7%	66.7% #D2AD98	RGB 210 173 152	#D2AD98
83.3%	83.3% #DAACAC	RGB 218 172 172	#DAACAC
100.0%	100.0% #E2ABC0	RGB 226 171 192	#E2ABC0

#B2B148 #BAB05C #C2AF70 #CAAE84 #D2AD98 #DAACAC #E2ABC0

#B2B148 - #E2ABC0

HSV Blend

#B2B148 - #E2ABC0 | 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 #B2B148 as 0% and #E2ABC0 as 100%.

0.0%	0.0% #B2B148	RGB 178 177 72	#B2B148
16.7%	16.7% #BAA256	RGB 186 162 86	#BAA256
33.3%	33.3% #C29665	RGB 194 150 101	#C29665
50.0%	50.0% #CA8F75	RGB 202 143 117	#CA8F75
66.7%	66.7% #D28B86	RGB 210 139 134	#D28B86
83.3%	83.3% #DA98A2	RGB 218 152 162	#DA98A2
100.0%	100.0% #E2ABC0	RGB 226 171 192	#E2ABC0

#B2B148 #BAA256 #C29665 #CA8F75 #D28B86 #DA98A2 #E2ABC0

#B2B148 - #CA8F75 - #E2ABC0

CSS codes

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

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