#34A6A6 - #B5E2A9 | 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 #34A6A6 a #B5E2A9

#34A6A6 #B5E2A9

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

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

0.0%	0.0% #34A6A6	RGB 52 166 166	#34A6A6
16.7%	16.7% #49B0A6	RGB 73 176 166	#49B0A6
33.3%	33.3% #5FBAA7	RGB 95 186 167	#5FBAA7
50.0%	50.0% #74C4A7	RGB 116 196 167	#74C4A7
66.7%	66.7% #8ACEA8	RGB 138 206 168	#8ACEA8
83.3%	83.3% #9FD8A8	RGB 159 216 168	#9FD8A8
100.0%	100.0% #B5E2A9	RGB 181 226 169	#B5E2A9

#34A6A6 #49B0A6 #5FBAA7 #74C4A7 #8ACEA8 #9FD8A8 #B5E2A9

#34A6A6 - #B5E2A9

Mezcla HSV

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

0.0%	0.0% #34A6A6	RGB 52 166 166	#34A6A6
16.7%	16.7% #43B09A	RGB 67 176 154	#43B09A
33.3%	33.3% #55BA91	RGB 85 186 145	#55BA91
50.0%	50.0% #67C48C	RGB 103 196 140	#67C48C
66.7%	66.7% #7CCE8B	RGB 124 206 139	#7CCE8B
83.3%	83.3% #92D891	RGB 146 216 145	#92D891
100.0%	100.0% #B5E2A9	RGB 181 226 169	#B5E2A9

#34A6A6 #43B09A #55BA91 #67C48C #7CCE8B #92D891 #B5E2A9

#34A6A6 - #67C48C - #B5E2A9

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #34A6A6 0%, #67C48C 50%, #B5E2A9 100%);
    background: -webkit-linear-gradient(top, #34A6A6 0%, #67C48C 50%, #B5E2A9 100%);
    background: linear-gradient(to bottom, #34A6A6 0%, #67C48C 50%, #B5E2A9 100%);
}
</style>