#4DC4B5 - #00947F | 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 #4DC4B5 a #00947F

#4DC4B5 #00947F

Calcule el color entre dos colores, #4DC4B5 y #00947F. 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)

#4DC4B5 - #00947F | 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 #4DC4B5 como 0% y #00947F como 100%.

0.0%	0.0% #4DC4B5	RGB 77 196 181	#4DC4B5
16.7%	16.7% #40BCAC	RGB 64 188 172	#40BCAC
33.3%	33.3% #33B4A3	RGB 51 180 163	#33B4A3
50.0%	50.0% #26AC9A	RGB 38 172 154	#26AC9A
66.7%	66.7% #19A491	RGB 25 164 145	#19A491
83.3%	83.3% #0C9C88	RGB 12 156 136	#0C9C88
100.0%	100.0% #00947F	RGB 0 148 127	#00947F

#4DC4B5 #40BCAC #33B4A3 #26AC9A #19A491 #0C9C88 #00947F

#4DC4B5 - #00947F

Mezcla HSV

#4DC4B5 - #00947F | 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 #4DC4B5 como 0% y #00947F como 100%.

0.0%	0.0% #4DC4B4	RGB 77 196 180	#4DC4B4
16.7%	16.7% #3DBCAB	RGB 61 188 171	#3DBCAB
33.3%	33.3% #2FB4A2	RGB 47 180 162	#2FB4A2
50.0%	50.0% #21AC99	RGB 33 172 153	#21AC99
66.7%	66.7% #15A490	RGB 21 164 144	#15A490
83.3%	83.3% #0A9C87	RGB 10 156 135	#0A9C87
100.0%	100.0% #00947F	RGB 0 148 127	#00947F

#4DC4B4 #3DBCAB #2FB4A2 #21AC99 #15A490 #0A9C87 #00947F

#4DC4B5 - #21AC99 - #00947F

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #4DC4B4 0%, #21AC99 50%, #00947F 100%);
    background: -webkit-linear-gradient(top, #4DC4B4 0%, #21AC99 50%, #00947F 100%);
    background: linear-gradient(to bottom, #4DC4B4 0%, #21AC99 50%, #00947F 100%);
}
</style>