#006B6B - #6CC796 | 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 #006B6B a #6CC796

#006B6B #6CC796

Calcule el color entre dos colores, #006B6B y #6CC796. 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)

#006B6B - #6CC796 | 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 #006B6B como 0% y #6CC796 como 100%.

0.0%	0.0% #006B6B	RGB 0 107 107	#006B6B
16.7%	16.7% #127A72	RGB 18 122 114	#127A72
33.3%	33.3% #248979	RGB 36 137 121	#248979
50.0%	50.0% #369980	RGB 54 153 128	#369980
66.7%	66.7% #48A887	RGB 72 168 135	#48A887
83.3%	83.3% #5AB78E	RGB 90 183 142	#5AB78E
100.0%	100.0% #6CC796	RGB 108 199 150	#6CC796

#006B6B #127A72 #248979 #369980 #48A887 #5AB78E #6CC796

#006B6B - #6CC796

Mezcla HSV

#006B6B - #6CC796 | 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 #006B6B como 0% y #6CC796 como 100%.

0.0%	0.0% #006B6B	RGB 0 107 107	#006B6B
16.7%	16.7% #0B7A70	RGB 11 122 112	#0B7A70
33.3%	33.3% #188975	RGB 24 137 117	#188975
50.0%	50.0% #29997A	RGB 41 153 122	#29997A
66.7%	66.7% #3CA881	RGB 60 168 129	#3CA881
83.3%	83.3% #53B78A	RGB 83 183 138	#53B78A
100.0%	100.0% #6CC796	RGB 108 199 150	#6CC796

#006B6B #0B7A70 #188975 #29997A #3CA881 #53B78A #6CC796

#006B6B - #29997A - #6CC796

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #006B6B 0%, #29997A 50%, #6CC796 100%);
    background: -webkit-linear-gradient(top, #006B6B 0%, #29997A 50%, #6CC796 100%);
    background: linear-gradient(to bottom, #006B6B 0%, #29997A 50%, #6CC796 100%);
}
</style>