#249090 - #A0D9A2 | 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 #249090 a #A0D9A2

#249090 #A0D9A2

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

#249090 - #A0D9A2 | 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 #249090 como 0% y #A0D9A2 como 100%.

0.0%	0.0% #249090	RGB 36 144 144	#249090
16.7%	16.7% #389C93	RGB 56 156 147	#389C93
33.3%	33.3% #4DA896	RGB 77 168 150	#4DA896
50.0%	50.0% #62B499	RGB 98 180 153	#62B499
66.7%	66.7% #76C09C	RGB 118 192 156	#76C09C
83.3%	83.3% #8BCC9F	RGB 139 204 159	#8BCC9F
100.0%	100.0% #A0D9A2	RGB 160 217 162	#A0D9A2

#249090 #389C93 #4DA896 #62B499 #76C09C #8BCC9F #A0D9A2

#249090 - #A0D9A2

Mezcla HSV

#249090 - #A0D9A2 | 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 #249090 como 0% y #A0D9A2 como 100%.

0.0%	0.0% #249090	RGB 36 144 144	#249090
16.7%	16.7% #339C8B	RGB 51 156 139	#339C8B
33.3%	33.3% #45A888	RGB 69 168 136	#45A888
50.0%	50.0% #59B488	RGB 89 180 136	#59B488
66.7%	66.7% #6EC08B	RGB 110 192 139	#6EC08B
83.3%	83.3% #86CC94	RGB 134 204 148	#86CC94
100.0%	100.0% #A0D9A2	RGB 160 217 162	#A0D9A2

#249090 #339C8B #45A888 #59B488 #6EC08B #86CC94 #A0D9A2

#249090 - #59B488 - #A0D9A2

Códigos CSS

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

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