#2B6D6D - #01442F | 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 #2B6D6D a #01442F

#2B6D6D #01442F

Calcule el color entre dos colores, #2B6D6D y #01442F. 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)

#2B6D6D - #01442F | 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 #2B6D6D como 0% y #01442F como 100%.

0.0%	0.0% #2B6D6D	RGB 43 109 109	#2B6D6D
16.7%	16.7% #246662	RGB 36 102 98	#246662
33.3%	33.3% #1D5F58	RGB 29 95 88	#1D5F58
50.0%	50.0% #16584E	RGB 22 88 78	#16584E
66.7%	66.7% #0F5143	RGB 15 81 67	#0F5143
83.3%	83.3% #084A39	RGB 8 74 57	#084A39
100.0%	100.0% #01442F	RGB 1 68 47	#01442F

#2B6D6D #246662 #1D5F58 #16584E #0F5143 #084A39 #01442F

#2B6D6D - #01442F

Mezcla HSV

#2B6D6D - #01442F | 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 #2B6D6D como 0% y #01442F como 100%.

0.0%	0.0% #2A6D6D	RGB 42 109 109	#2A6D6D
16.7%	16.7% #216662	RGB 33 102 98	#216662
33.3%	33.3% #195F58	RGB 25 95 88	#195F58
50.0%	50.0% #12584D	RGB 18 88 77	#12584D
66.7%	66.7% #0B5143	RGB 11 81 67	#0B5143
83.3%	83.3% #054A38	RGB 5 74 56	#054A38
100.0%	100.0% #01442F	RGB 1 68 47	#01442F

#2A6D6D #216662 #195F58 #12584D #0B5143 #054A38 #01442F

#2B6D6D - #12584D - #01442F

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #2A6D6D 0%, #12584D 50%, #01442F 100%);
    background: -webkit-linear-gradient(top, #2A6D6D 0%, #12584D 50%, #01442F 100%);
    background: linear-gradient(to bottom, #2A6D6D 0%, #12584D 50%, #01442F 100%);
}
</style>