#B8FFCD - #EEF0FF | 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 #B8FFCD to #EEF0FF

#B8FFCD #EEF0FF

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

#B8FFCD - #EEF0FF | 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 #B8FFCD as 0% and #EEF0FF as 100%.

0.0%	0.0% #B8FFCD	RGB 184 255 205	#B8FFCD
16.7%	16.7% #C1FCD5	RGB 193 252 213	#C1FCD5
33.3%	33.3% #CAFADD	RGB 202 250 221	#CAFADD
50.0%	50.0% #D3F7E6	RGB 211 247 230	#D3F7E6
66.7%	66.7% #DCF5EE	RGB 220 245 238	#DCF5EE
83.3%	83.3% #E5F2F6	RGB 229 242 246	#E5F2F6
100.0%	100.0% #EEF0FF	RGB 238 240 255	#EEF0FF

#B8FFCD #C1FCD5 #CAFADD #D3F7E6 #DCF5EE #E5F2F6 #EEF0FF

#B8FFCD - #EEF0FF

HSV Blend

#B8FFCD - #EEF0FF | 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 #B8FFCD as 0% and #EEF0FF as 100%.

0.0%	0.0% #B8FFCD	RGB 184 255 205	#B8FFCD
16.7%	16.7% #C1FFE3	RGB 193 255 227	#C1FFE3
33.3%	33.3% #CAFFF5	RGB 202 255 245	#CAFFF5
50.0%	50.0% #D3FBFF	RGB 211 251 255	#D3FBFF
66.7%	66.7% #DCF2FF	RGB 220 242 255	#DCF2FF
83.3%	83.3% #E5EEFF	RGB 229 238 255	#E5EEFF
100.0%	100.0% #EEF0FF	RGB 238 240 255	#EEF0FF

#B8FFCD #C1FFE3 #CAFFF5 #D3FBFF #DCF2FF #E5EEFF #EEF0FF

#B8FFCD - #D3FBFF - #EEF0FF

CSS codes

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

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