#249696 - #006652 | 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 #249696 a #006652

#249696 #006652

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

#249696 - #006652 | 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 #249696 como 0% y #006652 como 100%.

0.0%	0.0% #249696	RGB 36 150 150	#249696
16.7%	16.7% #1E8E8A	RGB 30 142 138	#1E8E8A
33.3%	33.3% #18867F	RGB 24 134 127	#18867F
50.0%	50.0% #127E74	RGB 18 126 116	#127E74
66.7%	66.7% #0C7668	RGB 12 118 104	#0C7668
83.3%	83.3% #066E5D	RGB 6 110 93	#066E5D
100.0%	100.0% #006652	RGB 0 102 82	#006652

#249696 #1E8E8A #18867F #127E74 #0C7668 #066E5D #006652

#249696 - #006652

Mezcla HSV

#249696 - #006652 | 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 #249696 como 0% y #006652 como 100%.

0.0%	0.0% #249696	RGB 36 150 150	#249696
16.7%	16.7% #1C8E8A	RGB 28 142 138	#1C8E8A
33.3%	33.3% #15867E	RGB 21 134 126	#15867E
50.0%	50.0% #0F7E73	RGB 15 126 115	#0F7E73
66.7%	66.7% #097667	RGB 9 118 103	#097667
83.3%	83.3% #046E5C	RGB 4 110 92	#046E5C
100.0%	100.0% #006652	RGB 0 102 82	#006652

#249696 #1C8E8A #15867E #0F7E73 #097667 #046E5C #006652

#249696 - #0F7E73 - #006652

Códigos CSS

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

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