#4FA68B - #CADAA7 | 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 #4FA68B a #CADAA7

#4FA68B #CADAA7

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

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

0.0%	0.0% #4FA68B	RGB 79 166 139	#4FA68B
16.7%	16.7% #63AE8F	RGB 99 174 143	#63AE8F
33.3%	33.3% #78B794	RGB 120 183 148	#78B794
50.0%	50.0% #8CC099	RGB 140 192 153	#8CC099
66.7%	66.7% #A1C89D	RGB 161 200 157	#A1C89D
83.3%	83.3% #B5D1A2	RGB 181 209 162	#B5D1A2
100.0%	100.0% #CADAA7	RGB 202 218 167	#CADAA7

#4FA68B #63AE8F #78B794 #8CC099 #A1C89D #B5D1A2 #CADAA7

#4FA68B - #CADAA7

Mezcla HSV

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

0.0%	0.0% #4FA68B	RGB 79 166 139	#4FA68B
16.7%	16.7% #5BAE81	RGB 91 174 129	#5BAE81
33.3%	33.3% #68B77B	RGB 104 183 123	#68B77B
50.0%	50.0% #77C077	RGB 119 192 119	#77C077
66.7%	66.7% #95C886	RGB 149 200 134	#95C886
83.3%	83.3% #B1D196	RGB 177 209 150	#B1D196
100.0%	100.0% #CADAA7	RGB 202 218 167	#CADAA7

#4FA68B #5BAE81 #68B77B #77C077 #95C886 #B1D196 #CADAA7

#4FA68B - #77C077 - #CADAA7

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #4FA68B 0%, #77C077 50%, #CADAA7 100%);
    background: -webkit-linear-gradient(top, #4FA68B 0%, #77C077 50%, #CADAA7 100%);
    background: linear-gradient(to bottom, #4FA68B 0%, #77C077 50%, #CADAA7 100%);
}
</style>