#4D8F8C - #095E4C | 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 #4D8F8C a #095E4C

#4D8F8C #095E4C

Calcule el color entre dos colores, #4D8F8C y #095E4C. 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)

#4D8F8C - #095E4C | 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 #4D8F8C como 0% y #095E4C como 100%.

0.0%	0.0% #4D8F8C	RGB 77 143 140	#4D8F8C
16.7%	16.7% #418681	RGB 65 134 129	#418681
33.3%	33.3% #367E76	RGB 54 126 118	#367E76
50.0%	50.0% #2B766C	RGB 43 118 108	#2B766C
66.7%	66.7% #1F6E61	RGB 31 110 97	#1F6E61
83.3%	83.3% #146656	RGB 20 102 86	#146656
100.0%	100.0% #095E4C	RGB 9 94 76	#095E4C

#4D8F8C #418681 #367E76 #2B766C #1F6E61 #146656 #095E4C

#4D8F8C - #095E4C

Mezcla HSV

#4D8F8C - #095E4C | 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 #4D8F8C como 0% y #095E4C como 100%.

0.0%	0.0% #4D8F8C	RGB 77 143 140	#4D8F8C
16.7%	16.7% #3E8681	RGB 62 134 129	#3E8681
33.3%	33.3% #317E76	RGB 49 126 118	#317E76
50.0%	50.0% #25766C	RGB 37 118 108	#25766C
66.7%	66.7% #1A6E61	RGB 26 110 97	#1A6E61
83.3%	83.3% #116656	RGB 17 102 86	#116656
100.0%	100.0% #095E4C	RGB 9 94 76	#095E4C

#4D8F8C #3E8681 #317E76 #25766C #1A6E61 #116656 #095E4C

#4D8F8C - #25766C - #095E4C

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #4D8F8C 0%, #25766C 50%, #095E4C 100%);
    background: -webkit-linear-gradient(top, #4D8F8C 0%, #25766C 50%, #095E4C 100%);
    background: linear-gradient(to bottom, #4D8F8C 0%, #25766C 50%, #095E4C 100%);
}
</style>