#076B6B - #70C493 | 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 #076B6B a #70C493

#076B6B #70C493

Calcule el color entre dos colores, #076B6B y #70C493. 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)

#076B6B - #70C493 | 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 #076B6B como 0% y #70C493 como 100%.

0.0%	0.0% #076B6B	RGB 7 107 107	#076B6B
16.7%	16.7% #187971	RGB 24 121 113	#187971
33.3%	33.3% #2A8878	RGB 42 136 120	#2A8878
50.0%	50.0% #3B977F	RGB 59 151 127	#3B977F
66.7%	66.7% #4DA685	RGB 77 166 133	#4DA685
83.3%	83.3% #5EB58C	RGB 94 181 140	#5EB58C
100.0%	100.0% #70C493	RGB 112 196 147	#70C493

#076B6B #187971 #2A8878 #3B977F #4DA685 #5EB58C #70C493

#076B6B - #70C493

Mezcla HSV

#076B6B - #70C493 | 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 #076B6B como 0% y #70C493 como 100%.

0.0%	0.0% #076B6B	RGB 7 107 107	#076B6B
16.7%	16.7% #12796F	RGB 18 121 111	#12796F
33.3%	33.3% #1F8874	RGB 31 136 116	#1F8874
50.0%	50.0% #309779	RGB 48 151 121	#309779
66.7%	66.7% #42A67F	RGB 66 166 127	#42A67F
83.3%	83.3% #58B587	RGB 88 181 135	#58B587
100.0%	100.0% #70C493	RGB 112 196 147	#70C493

#076B6B #12796F #1F8874 #309779 #42A67F #58B587 #70C493

#076B6B - #309779 - #70C493

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #076B6B 0%, #309779 50%, #70C493 100%);
    background: -webkit-linear-gradient(top, #076B6B 0%, #309779 50%, #70C493 100%);
    background: linear-gradient(to bottom, #076B6B 0%, #309779 50%, #70C493 100%);
}
</style>