#F0FFF5 - #444846 | 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 #F0FFF5 a #444846

#F0FFF5 #444846

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

#F0FFF5 - #444846 | 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 #F0FFF5 como 0% y #444846 como 100%.

0.0%	0.0% #F0FFF5	RGB 240 255 245	#F0FFF5
16.7%	16.7% #D3E0D7	RGB 211 224 215	#D3E0D7
33.3%	33.3% #B6C2BA	RGB 182 194 186	#B6C2BA
50.0%	50.0% #9AA39D	RGB 154 163 157	#9AA39D
66.7%	66.7% #7D8480	RGB 125 132 128	#7D8480
83.3%	83.3% #606663	RGB 96 102 99	#606663
100.0%	100.0% #444846	RGB 68 72 70	#444846

#F0FFF5 #D3E0D7 #B6C2BA #9AA39D #7D8480 #606663 #444846

#F0FFF5 - #444846

Mezcla HSV

#F0FFF5 - #444846 | 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 #F0FFF5 como 0% y #444846 como 100%.

0.0%	0.0% #F0FFF5	RGB 240 255 245	#F0FFF5
16.7%	16.7% #D3E0D8	RGB 211 224 216	#D3E0D8
33.3%	33.3% #B6C2BB	RGB 182 194 187	#B6C2BB
50.0%	50.0% #9AA39E	RGB 154 163 158	#9AA39E
66.7%	66.7% #7D8480	RGB 125 132 128	#7D8480
83.3%	83.3% #606663	RGB 96 102 99	#606663
100.0%	100.0% #444846	RGB 68 72 70	#444846

#F0FFF5 #D3E0D8 #B6C2BB #9AA39E #7D8480 #606663 #444846

#F0FFF5 - #9AA39E - #444846

Códigos CSS

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

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