#B5E2E2 - #E9F6F6 | 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 #B5E2E2 a #E9F6F6

#B5E2E2 #E9F6F6

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

#B5E2E2 - #E9F6F6 | 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 #B5E2E2 como 0% y #E9F6F6 como 100%.

0.0%	0.0% #B5E2E2	RGB 181 226 226	#B5E2E2
16.7%	16.7% #BDE5E5	RGB 189 229 229	#BDE5E5
33.3%	33.3% #C6E8E8	RGB 198 232 232	#C6E8E8
50.0%	50.0% #CFECEC	RGB 207 236 236	#CFECEC
66.7%	66.7% #D7EFEF	RGB 215 239 239	#D7EFEF
83.3%	83.3% #E0F2F2	RGB 224 242 242	#E0F2F2
100.0%	100.0% #E9F6F6	RGB 233 246 246	#E9F6F6

#B5E2E2 #BDE5E5 #C6E8E8 #CFECEC #D7EFEF #E0F2F2 #E9F6F6

#B5E2E2 - #E9F6F6

Mezcla HSV

#B5E2E2 - #E9F6F6 | 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 #B5E2E2 como 0% y #E9F6F6 como 100%.

0.0%	0.0% #B5E2E2	RGB 181 226 226	#B5E2E2
16.7%	16.7% #BDE5E5	RGB 189 229 229	#BDE5E5
33.3%	33.3% #C5E8E8	RGB 197 232 232	#C5E8E8
50.0%	50.0% #CEECEC	RGB 206 236 236	#CEECEC
66.7%	66.7% #D7EFEF	RGB 215 239 239	#D7EFEF
83.3%	83.3% #DFF2F2	RGB 223 242 242	#DFF2F2
100.0%	100.0% #E9F6F6	RGB 233 246 246	#E9F6F6

#B5E2E2 #BDE5E5 #C5E8E8 #CEECEC #D7EFEF #DFF2F2 #E9F6F6

#B5E2E2 - #CEECEC - #E9F6F6

Códigos CSS

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

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