#B5E7D2 - #E9F8F2 | 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 #B5E7D2 a #E9F8F2

#B5E7D2 #E9F8F2

Calcule el color entre dos colores, #B5E7D2 y #E9F8F2. 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)

#B5E7D2 - #E9F8F2 | 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 #B5E7D2 como 0% y #E9F8F2 como 100%.

0.0%	0.0% #B5E7D2	RGB 181 231 210	#B5E7D2
16.7%	16.7% #BDE9D7	RGB 189 233 215	#BDE9D7
33.3%	33.3% #C6ECDC	RGB 198 236 220	#C6ECDC
50.0%	50.0% #CFEFE2	RGB 207 239 226	#CFEFE2
66.7%	66.7% #D7F2E7	RGB 215 242 231	#D7F2E7
83.3%	83.3% #E0F5EC	RGB 224 245 236	#E0F5EC
100.0%	100.0% #E9F8F2	RGB 233 248 242	#E9F8F2

#B5E7D2 #BDE9D7 #C6ECDC #CFEFE2 #D7F2E7 #E0F5EC #E9F8F2

#B5E7D2 - #E9F8F2

Mezcla HSV

#B5E7D2 - #E9F8F2 | 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 #B5E7D2 como 0% y #E9F8F2 como 100%.

0.0%	0.0% #B5E7D2	RGB 181 231 210	#B5E7D2
16.7%	16.7% #BDE9D7	RGB 189 233 215	#BDE9D7
33.3%	33.3% #C5ECDC	RGB 197 236 220	#C5ECDC
50.0%	50.0% #CEEFE1	RGB 206 239 225	#CEEFE1
66.7%	66.7% #D7F2E7	RGB 215 242 231	#D7F2E7
83.3%	83.3% #DFF5EC	RGB 223 245 236	#DFF5EC
100.0%	100.0% #E9F8F2	RGB 233 248 242	#E9F8F2

#B5E7D2 #BDE9D7 #C5ECDC #CEEFE1 #D7F2E7 #DFF5EC #E9F8F2

#B5E7D2 - #CEEFE1 - #E9F8F2

Códigos CSS

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

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