#4F9F9F - #B8D6A3 | 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 #4F9F9F a #B8D6A3

#4F9F9F #B8D6A3

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

#4F9F9F - #B8D6A3 | 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 #4F9F9F como 0% y #B8D6A3 como 100%.

0.0%	0.0% #4F9F9F	RGB 79 159 159	#4F9F9F
16.7%	16.7% #60A89F	RGB 96 168 159	#60A89F
33.3%	33.3% #72B1A0	RGB 114 177 160	#72B1A0
50.0%	50.0% #83BAA1	RGB 131 186 161	#83BAA1
66.7%	66.7% #95C3A1	RGB 149 195 161	#95C3A1
83.3%	83.3% #A6CCA2	RGB 166 204 162	#A6CCA2
100.0%	100.0% #B8D6A3	RGB 184 214 163	#B8D6A3

#4F9F9F #60A89F #72B1A0 #83BAA1 #95C3A1 #A6CCA2 #B8D6A3

#4F9F9F - #B8D6A3

Mezcla HSV

#4F9F9F - #B8D6A3 | 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 #4F9F9F como 0% y #B8D6A3 como 100%.

0.0%	0.0% #4E9F9F	RGB 78 159 159	#4E9F9F
16.7%	16.7% #5AA896	RGB 90 168 150	#5AA896
33.3%	33.3% #67B18E	RGB 103 177 142	#67B18E
50.0%	50.0% #75BA89	RGB 117 186 137	#75BA89
66.7%	66.7% #83C387	RGB 131 195 135	#83C387
83.3%	83.3% #9DCC92	RGB 157 204 146	#9DCC92
100.0%	100.0% #B8D6A3	RGB 184 214 163	#B8D6A3

#4E9F9F #5AA896 #67B18E #75BA89 #83C387 #9DCC92 #B8D6A3

#4F9F9F - #75BA89 - #B8D6A3

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #4E9F9F 0%, #75BA89 50%, #B8D6A3 100%);
    background: -webkit-linear-gradient(top, #4E9F9F 0%, #75BA89 50%, #B8D6A3 100%);
    background: linear-gradient(to bottom, #4E9F9F 0%, #75BA89 50%, #B8D6A3 100%);
}
</style>