#34AD8C - #017751 | 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 #34AD8C a #017751

#34AD8C #017751

Calcule el color entre dos colores, #34AD8C y #017751. 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)

#34AD8C - #017751 | 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 #34AD8C como 0% y #017751 como 100%.

0.0%	0.0% #34AD8C	RGB 52 173 140	#34AD8C
16.7%	16.7% #2BA482	RGB 43 164 130	#2BA482
33.3%	33.3% #239B78	RGB 35 155 120	#239B78
50.0%	50.0% #1A926E	RGB 26 146 110	#1A926E
66.7%	66.7% #128964	RGB 18 137 100	#128964
83.3%	83.3% #09805A	RGB 9 128 90	#09805A
100.0%	100.0% #017751	RGB 1 119 81	#017751

#34AD8C #2BA482 #239B78 #1A926E #128964 #09805A #017751

#34AD8C - #017751

Mezcla HSV

#34AD8C - #017751 | 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 #34AD8C como 0% y #017751 como 100%.

0.0%	0.0% #34AD8C	RGB 52 173 140	#34AD8C
16.7%	16.7% #29A481	RGB 41 164 129	#29A481
33.3%	33.3% #1F9B77	RGB 31 155 119	#1F9B77
50.0%	50.0% #16926D	RGB 22 146 109	#16926D
66.7%	66.7% #0E8963	RGB 14 137 99	#0E8963
83.3%	83.3% #07805A	RGB 7 128 90	#07805A
100.0%	100.0% #017751	RGB 1 119 81	#017751

#34AD8C #29A481 #1F9B77 #16926D #0E8963 #07805A #017751

#34AD8C - #16926D - #017751

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #34AD8C 0%, #16926D 50%, #017751 100%);
    background: -webkit-linear-gradient(top, #34AD8C 0%, #16926D 50%, #017751 100%);
    background: linear-gradient(to bottom, #34AD8C 0%, #16926D 50%, #017751 100%);
}
</style>