#BBC3B5 - #F1FFC4 | 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 #BBC3B5 to #F1FFC4

#BBC3B5 #F1FFC4

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

#BBC3B5 - #F1FFC4 | 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 #BBC3B5 as 0% and #F1FFC4 as 100%.

0.0%	0.0% #BBC3B5	RGB 187 195 181	#BBC3B5
16.7%	16.7% #C4CDB7	RGB 196 205 183	#C4CDB7
33.3%	33.3% #CDD7BA	RGB 205 215 186	#CDD7BA
50.0%	50.0% #D6E1BC	RGB 214 225 188	#D6E1BC
66.7%	66.7% #DFEBBF	RGB 223 235 191	#DFEBBF
83.3%	83.3% #E8F5C1	RGB 232 245 193	#E8F5C1
100.0%	100.0% #F1FFC4	RGB 241 255 196	#F1FFC4

#BBC3B5 #C4CDB7 #CDD7BA #D6E1BC #DFEBBF #E8F5C1 #F1FFC4

#BBC3B5 - #F1FFC4

HSV Blend

#BBC3B5 - #F1FFC4 | 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 #BBC3B5 as 0% and #F1FFC4 as 100%.

0.0%	0.0% #BBC3B5	RGB 187 195 181	#BBC3B5
16.7%	16.7% #C2CDB8	RGB 194 205 184	#C2CDB8
33.3%	33.3% #CAD7BC	RGB 202 215 188	#CAD7BC
50.0%	50.0% #D3E1BE	RGB 211 225 190	#D3E1BE
66.7%	66.7% #DCEBC1	RGB 220 235 193	#DCEBC1
83.3%	83.3% #E6F5C2	RGB 230 245 194	#E6F5C2
100.0%	100.0% #F1FFC4	RGB 241 255 196	#F1FFC4

#BBC3B5 #C2CDB8 #CAD7BC #D3E1BE #DCEBC1 #E6F5C2 #F1FFC4

#BBC3B5 - #D3E1BE - #F1FFC4

CSS codes

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

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