#B6E5DF - #E3E3E3 | 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 #B6E5DF a #E3E3E3

#B6E5DF #E3E3E3

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

#B6E5DF - #E3E3E3 | 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 #B6E5DF como 0% y #E3E3E3 como 100%.

0.0%	0.0% #B6E5DF	RGB 182 229 223	#B6E5DF
16.7%	16.7% #BDE4DF	RGB 189 228 223	#BDE4DF
33.3%	33.3% #C5E4E0	RGB 197 228 224	#C5E4E0
50.0%	50.0% #CCE4E1	RGB 204 228 225	#CCE4E1
66.7%	66.7% #D4E3E1	RGB 212 227 225	#D4E3E1
83.3%	83.3% #DBE3E2	RGB 219 227 226	#DBE3E2
100.0%	100.0% #E3E3E3	RGB 227 227 227	#E3E3E3

#B6E5DF #BDE4DF #C5E4E0 #CCE4E1 #D4E3E1 #DBE3E2 #E3E3E3

#B6E5DF - #E3E3E3

Mezcla HSV

#B6E5DF - #E3E3E3 | 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 #B6E5DF como 0% y #E3E3E3 como 100%.

0.0%	0.0% #B6E5DF	RGB 182 229 223	#B6E5DF
16.7%	16.7% #BDE4CC	RGB 189 228 204	#BDE4CC
33.3%	33.3% #C7E4C5	RGB 199 228 197	#C7E4C5
50.0%	50.0% #D9E4CC	RGB 217 228 204	#D9E4CC
66.7%	66.7% #E3E3D4	RGB 227 227 212	#E3E3D4
83.3%	83.3% #E3DFDB	RGB 227 223 219	#E3DFDB
100.0%	100.0% #E3E3E3	RGB 227 227 227	#E3E3E3

#B6E5DF #BDE4CC #C7E4C5 #D9E4CC #E3E3D4 #E3DFDB #E3E3E3

#B6E5DF - #D9E4CC - #E3E3E3

Códigos CSS

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

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