#006F6C - #71CB97 | 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 #006F6C a #71CB97

#006F6C #71CB97

Calcule el color entre dos colores, #006F6C y #71CB97. 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)

#006F6C - #71CB97 | 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 #006F6C como 0% y #71CB97 como 100%.

0.0%	0.0% #006F6C	RGB 0 111 108	#006F6C
16.7%	16.7% #127E73	RGB 18 126 115	#127E73
33.3%	33.3% #258D7A	RGB 37 141 122	#258D7A
50.0%	50.0% #389D81	RGB 56 157 129	#389D81
66.7%	66.7% #4BAC88	RGB 75 172 136	#4BAC88
83.3%	83.3% #5EBB8F	RGB 94 187 143	#5EBB8F
100.0%	100.0% #71CB97	RGB 113 203 151	#71CB97

#006F6C #127E73 #258D7A #389D81 #4BAC88 #5EBB8F #71CB97

#006F6C - #71CB97

Mezcla HSV

#006F6C - #71CB97 | 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 #006F6C como 0% y #71CB97 como 100%.

0.0%	0.0% #006F6C	RGB 0 111 108	#006F6C
16.7%	16.7% #0B7E70	RGB 11 126 112	#0B7E70
33.3%	33.3% #1A8D75	RGB 26 141 117	#1A8D75
50.0%	50.0% #2B9D7A	RGB 43 157 122	#2B9D7A
66.7%	66.7% #3FAC81	RGB 63 172 129	#3FAC81
83.3%	83.3% #57BB8A	RGB 87 187 138	#57BB8A
100.0%	100.0% #71CB97	RGB 113 203 151	#71CB97

#006F6C #0B7E70 #1A8D75 #2B9D7A #3FAC81 #57BB8A #71CB97

#006F6C - #2B9D7A - #71CB97

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #006F6C 0%, #2B9D7A 50%, #71CB97 100%);
    background: -webkit-linear-gradient(top, #006F6C 0%, #2B9D7A 50%, #71CB97 100%);
    background: linear-gradient(to bottom, #006F6C 0%, #2B9D7A 50%, #71CB97 100%);
}
</style>