#BFE4CB - #E5E4E4 | 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 #BFE4CB a #E5E4E4

#BFE4CB #E5E4E4

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

#BFE4CB - #E5E4E4 | 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 #BFE4CB como 0% y #E5E4E4 como 100%.

0.0%	0.0% #BFE4CB	RGB 191 228 203	#BFE4CB
16.7%	16.7% #C5E4CF	RGB 197 228 207	#C5E4CF
33.3%	33.3% #CBE4D3	RGB 203 228 211	#CBE4D3
50.0%	50.0% #D2E4D7	RGB 210 228 215	#D2E4D7
66.7%	66.7% #D8E4DB	RGB 216 228 219	#D8E4DB
83.3%	83.3% #DEE4DF	RGB 222 228 223	#DEE4DF
100.0%	100.0% #E5E4E4	RGB 229 228 228	#E5E4E4

#BFE4CB #C5E4CF #CBE4D3 #D2E4D7 #D8E4DB #DEE4DF #E5E4E4

#BFE4CB - #E5E4E4

Mezcla HSV

#BFE4CB - #E5E4E4 | 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 #BFE4CB como 0% y #E5E4E4 como 100%.

0.0%	0.0% #BFE4CB	RGB 191 228 203	#BFE4CB
16.7%	16.7% #C7E4C5	RGB 199 228 197	#C7E4C5
33.3%	33.3% #D6E4CB	RGB 214 228 203	#D6E4CB
50.0%	50.0% #E1E4D1	RGB 225 228 209	#E1E4D1
66.7%	66.7% #E4E1D7	RGB 228 225 215	#E4E1D7
83.3%	83.3% #E4E0DD	RGB 228 224 221	#E4E0DD
100.0%	100.0% #E5E4E4	RGB 229 228 228	#E5E4E4

#BFE4CB #C7E4C5 #D6E4CB #E1E4D1 #E4E1D7 #E4E0DD #E5E4E4

#BFE4CB - #E1E4D1 - #E5E4E4

Códigos CSS

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

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