#3E5E4B - #AB928F | 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 #3E5E4B a #AB928F

#3E5E4B #AB928F

Calcule el color entre dos colores, #3E5E4B y #AB928F. 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)

#3E5E4B - #AB928F | 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 #3E5E4B como 0% y #AB928F como 100%.

0.0%	0.0% #3E5E4B	RGB 62 94 75	#3E5E4B
16.7%	16.7% #506656	RGB 80 102 86	#506656
33.3%	33.3% #626F61	RGB 98 111 97	#626F61
50.0%	50.0% #74786D	RGB 116 120 109	#74786D
66.7%	66.7% #868078	RGB 134 128 120	#868078
83.3%	83.3% #988983	RGB 152 137 131	#988983
100.0%	100.0% #AB928F	RGB 171 146 143	#AB928F

#3E5E4B #506656 #626F61 #74786D #868078 #988983 #AB928F

#3E5E4B - #AB928F

Mezcla HSV

#3E5E4B - #AB928F | 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 #3E5E4B como 0% y #AB928F como 100%.

0.0%	0.0% #3E5E4B	RGB 62 94 75	#3E5E4B
16.7%	16.7% #496A4A	RGB 73 106 74	#496A4A
33.3%	33.3% #627755	RGB 98 119 85	#627755
50.0%	50.0% #7B8463	RGB 123 132 99	#7B8463
66.7%	66.7% #918D70	RGB 145 141 112	#918D70
83.3%	83.3% #9E8E7F	RGB 158 142 127	#9E8E7F
100.0%	100.0% #AB928F	RGB 171 146 143	#AB928F

#3E5E4B #496A4A #627755 #7B8463 #918D70 #9E8E7F #AB928F

#3E5E4B - #7B8463 - #AB928F

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3E5E4B 0%, #7B8463 50%, #AB928F 100%);
    background: -webkit-linear-gradient(top, #3E5E4B 0%, #7B8463 50%, #AB928F 100%);
    background: linear-gradient(to bottom, #3E5E4B 0%, #7B8463 50%, #AB928F 100%);
}
</style>