#E3E5E6 - #C3EBDA | 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 #E3E5E6 a #C3EBDA

#E3E5E6 #C3EBDA

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

#E3E5E6 - #C3EBDA | 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 #E3E5E6 como 0% y #C3EBDA como 100%.

0.0%	0.0% #E3E5E6	RGB 227 229 230	#E3E5E6
16.7%	16.7% #DDE6E4	RGB 221 230 228	#DDE6E4
33.3%	33.3% #D8E7E2	RGB 216 231 226	#D8E7E2
50.0%	50.0% #D3E8E0	RGB 211 232 224	#D3E8E0
66.7%	66.7% #CDE9DE	RGB 205 233 222	#CDE9DE
83.3%	83.3% #C8EADC	RGB 200 234 220	#C8EADC
100.0%	100.0% #C3EBDA	RGB 195 235 218	#C3EBDA

#E3E5E6 #DDE6E4 #D8E7E2 #D3E8E0 #CDE9DE #C8EADC #C3EBDA

#E3E5E6 - #C3EBDA

Mezcla HSV

#E3E5E6 - #C3EBDA | 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 #E3E5E6 como 0% y #C3EBDA como 100%.

0.0%	0.0% #E3E5E6	RGB 227 229 230	#E3E5E6
16.7%	16.7% #DDE4E6	RGB 221 228 230	#DDE4E6
33.3%	33.3% #D8E6E7	RGB 216 230 231	#D8E6E7
50.0%	50.0% #D3E8E7	RGB 211 232 231	#D3E8E7
66.7%	66.7% #CDE9E4	RGB 205 233 228	#CDE9E4
83.3%	83.3% #C8EAE0	RGB 200 234 224	#C8EAE0
100.0%	100.0% #C3EBDA	RGB 195 235 218	#C3EBDA

#E3E5E6 #DDE4E6 #D8E6E7 #D3E8E7 #CDE9E4 #C8EAE0 #C3EBDA

#E3E5E6 - #D3E8E7 - #C3EBDA

Códigos CSS

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

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