#B5E3D5 - #E9F7F2 | 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 #B5E3D5 a #E9F7F2

#B5E3D5 #E9F7F2

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

#B5E3D5 - #E9F7F2 | 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 #B5E3D5 como 0% y #E9F7F2 como 100%.

0.0%	0.0% #B5E3D5	RGB 181 227 213	#B5E3D5
16.7%	16.7% #BDE6D9	RGB 189 230 217	#BDE6D9
33.3%	33.3% #C6E9DE	RGB 198 233 222	#C6E9DE
50.0%	50.0% #CFEDE3	RGB 207 237 227	#CFEDE3
66.7%	66.7% #D7F0E8	RGB 215 240 232	#D7F0E8
83.3%	83.3% #E0F3ED	RGB 224 243 237	#E0F3ED
100.0%	100.0% #E9F7F2	RGB 233 247 242	#E9F7F2

#B5E3D5 #BDE6D9 #C6E9DE #CFEDE3 #D7F0E8 #E0F3ED #E9F7F2

#B5E3D5 - #E9F7F2

Mezcla HSV

#B5E3D5 - #E9F7F2 | 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 #B5E3D5 como 0% y #E9F7F2 como 100%.

0.0%	0.0% #B5E3D5	RGB 181 227 213	#B5E3D5
16.7%	16.7% #BDE6D9	RGB 189 230 217	#BDE6D9
33.3%	33.3% #C5E9DE	RGB 197 233 222	#C5E9DE
50.0%	50.0% #CEEDE2	RGB 206 237 226	#CEEDE2
66.7%	66.7% #D7F0E7	RGB 215 240 231	#D7F0E7
83.3%	83.3% #DFF3EC	RGB 223 243 236	#DFF3EC
100.0%	100.0% #E9F7F2	RGB 233 247 242	#E9F7F2

#B5E3D5 #BDE6D9 #C5E9DE #CEEDE2 #D7F0E7 #DFF3EC #E9F7F2

#B5E3D5 - #CEEDE2 - #E9F7F2

Códigos CSS

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

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