#79CF9F - #EEE9A5 | 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 #79CF9F a #EEE9A5

#79CF9F #EEE9A5

Calcule el color entre dos colores, #79CF9F y #EEE9A5. 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)

#79CF9F - #EEE9A5 | 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 #79CF9F como 0% y #EEE9A5 como 100%.

0.0%	0.0% #79CF9F	RGB 121 207 159	#79CF9F
16.7%	16.7% #8CD3A0	RGB 140 211 160	#8CD3A0
33.3%	33.3% #A0D7A1	RGB 160 215 161	#A0D7A1
50.0%	50.0% #B3DCA2	RGB 179 220 162	#B3DCA2
66.7%	66.7% #C7E0A3	RGB 199 224 163	#C7E0A3
83.3%	83.3% #DAE4A4	RGB 218 228 164	#DAE4A4
100.0%	100.0% #EEE9A5	RGB 238 233 165	#EEE9A5

#79CF9F #8CD3A0 #A0D7A1 #B3DCA2 #C7E0A3 #DAE4A4 #EEE9A5

#79CF9F - #EEE9A5

Mezcla HSV

#79CF9F - #EEE9A5 | 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 #79CF9F como 0% y #EEE9A5 como 100%.

0.0%	0.0% #79CF9F	RGB 121 207 159	#79CF9F
16.7%	16.7% #7FD48F	RGB 127 212 143	#7FD48F
33.3%	33.3% #8BD986	RGB 139 217 134	#8BD986
50.0%	50.0% #A7DE8E	RGB 167 222 142	#A7DE8E
66.7%	66.7% #C1E395	RGB 193 227 149	#C1E395
83.3%	83.3% #DAE89D	RGB 218 232 157	#DAE89D
100.0%	100.0% #EEE9A5	RGB 238 233 165	#EEE9A5

#79CF9F #7FD48F #8BD986 #A7DE8E #C1E395 #DAE89D #EEE9A5

#79CF9F - #A7DE8E - #EEE9A5

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #79CF9F 0%, #A7DE8E 50%, #EEE9A5 100%);
    background: -webkit-linear-gradient(top, #79CF9F 0%, #A7DE8E 50%, #EEE9A5 100%);
    background: linear-gradient(to bottom, #79CF9F 0%, #A7DE8E 50%, #EEE9A5 100%);
}
</style>