#B5E7BD - #E4DEFF | 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 #B5E7BD to #E4DEFF

#B5E7BD #E4DEFF

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

#B5E7BD - #E4DEFF | 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 #B5E7BD as 0% and #E4DEFF as 100%.

0.0%	0.0% #B5E7BD	RGB 181 231 189	#B5E7BD
16.7%	16.7% #BCE5C8	RGB 188 229 200	#BCE5C8
33.3%	33.3% #C4E4D3	RGB 196 228 211	#C4E4D3
50.0%	50.0% #CCE2DE	RGB 204 226 222	#CCE2DE
66.7%	66.7% #D4E1E9	RGB 212 225 233	#D4E1E9
83.3%	83.3% #DCDFF4	RGB 220 223 244	#DCDFF4
100.0%	100.0% #E4DEFF	RGB 228 222 255	#E4DEFF

#B5E7BD #BCE5C8 #C4E4D3 #CCE2DE #D4E1E9 #DCDFF4 #E4DEFF

#B5E7BD - #E4DEFF

HSV Blend

#B5E7BD - #E4DEFF | 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 #B5E7BD as 0% and #E4DEFF as 100%.

0.0%	0.0% #B5E7BD	RGB 181 231 189	#B5E7BD
16.7%	16.7% #BBEBD3	RGB 187 235 211	#BBEBD3
33.3%	33.3% #C2EFE7	RGB 194 239 231	#C2EFE7
50.0%	50.0% #C8EBF3	RGB 200 235 243	#C8EBF3
66.7%	66.7% #CFE3F7	RGB 207 227 247	#CFE3F7
83.3%	83.3% #D6DCFB	RGB 214 220 251	#D6DCFB
100.0%	100.0% #E4DEFF	RGB 228 222 255	#E4DEFF

#B5E7BD #BBEBD3 #C2EFE7 #C8EBF3 #CFE3F7 #D6DCFB #E4DEFF

#B5E7BD - #C8EBF3 - #E4DEFF

CSS codes

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

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