#B5EAC2 - #E9F9ED | colorate

colorate es una herramienta de esquema de color para diseñadores y desarrolladores. Esta ayudará a inspirarse y servirá de recurso para su trabajo de color. Haz que este sitio sea mejor

Mezcla #B5EAC2 a #E9F9ED

#B5EAC2 #E9F9ED

Calcule el color entre dos colores, #B5EAC2 y #E9F9ED. En el cálculo de los valores RGB, la saturación entre los colores diferentes es baja. Al calcular los valores de HSV, la saturación entre los diferentes colores no es baja.

Mezcla RGB (Linear)

#B5EAC2 - #E9F9ED | colorate

Cálculo del color entre dos colores según el valor RGB. Para colores que están distantes entre sí, la saturación entre los dos colores disminuye. Expande el color entre dos colores con #B5EAC2 como 0% y #E9F9ED como 100%.

0.0%	0.0% #B5EAC2	RGB 181 234 194	#B5EAC2
16.7%	16.7% #BDECC9	RGB 189 236 201	#BDECC9
33.3%	33.3% #C6EFD0	RGB 198 239 208	#C6EFD0
50.0%	50.0% #CFF1D7	RGB 207 241 215	#CFF1D7
66.7%	66.7% #D7F4DE	RGB 215 244 222	#D7F4DE
83.3%	83.3% #E0F6E5	RGB 224 246 229	#E0F6E5
100.0%	100.0% #E9F9ED	RGB 233 249 237	#E9F9ED

#B5EAC2 #BDECC9 #C6EFD0 #CFF1D7 #D7F4DE #E0F6E5 #E9F9ED

#B5EAC2 - #E9F9ED

Mezcla HSV

#B5EAC2 - #E9F9ED | colorate

Cálculo del color entre dos colores según el valor de HSV. Incluso entre distintos colores de color, la saturación entre los dos colores no disminuye. Expande el color entre dos colores con #B5EAC2 como 0% y #E9F9ED como 100%.

0.0%	0.0% #B5EAC2	RGB 181 234 194	#B5EAC2
16.7%	16.7% #BDECC8	RGB 189 236 200	#BDECC8
33.3%	33.3% #C5EFCF	RGB 197 239 207	#C5EFCF
50.0%	50.0% #CEF1D7	RGB 206 241 215	#CEF1D7
66.7%	66.7% #D7F4DE	RGB 215 244 222	#D7F4DE
83.3%	83.3% #DFF6E5	RGB 223 246 229	#DFF6E5
100.0%	100.0% #E9F9ED	RGB 233 249 237	#E9F9ED

#B5EAC2 #BDECC8 #C5EFCF #CEF1D7 #D7F4DE #DFF6E5 #E9F9ED

#B5EAC2 - #CEF1D7 - #E9F9ED

Códigos CSS

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

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