#68637A - #FAAD8C | 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 #68637A a #FAAD8C

#68637A #FAAD8C

Calcule el color entre dos colores, #68637A y #FAAD8C. 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)

#68637A - #FAAD8C | 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 #68637A como 0% y #FAAD8C como 100%.

0.0%	0.0% #68637A	RGB 104 99 122	#68637A
16.7%	16.7% #806F7D	RGB 128 111 125	#806F7D
33.3%	33.3% #987B80	RGB 152 123 128	#987B80
50.0%	50.0% #B18883	RGB 177 136 131	#B18883
66.7%	66.7% #C99486	RGB 201 148 134	#C99486
83.3%	83.3% #E1A089	RGB 225 160 137	#E1A089
100.0%	100.0% #FAAD8C	RGB 250 173 140	#FAAD8C

#68637A #806F7D #987B80 #B18883 #C99486 #E1A089 #FAAD8C

#68637A - #FAAD8C

Mezcla HSV

#68637A - #FAAD8C | 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 #68637A como 0% y #FAAD8C como 100%.

0.0%	0.0% #68637A	RGB 104 99 122	#68637A
16.7%	16.7% #806E8F	RGB 128 110 143	#806E8F
33.3%	33.3% #A077A4	RGB 160 119 164	#A077A4
50.0%	50.0% #BA7FAA	RGB 186 127 170	#BA7FAA
66.7%	66.7% #CF85A2	RGB 207 133 162	#CF85A2
83.3%	83.3% #E4898D	RGB 228 137 141	#E4898D
100.0%	100.0% #FAAD8C	RGB 250 173 140	#FAAD8C

#68637A #806E8F #A077A4 #BA7FAA #CF85A2 #E4898D #FAAD8C

#68637A - #BA7FAA - #FAAD8C

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #68637A 0%, #BA7FAA 50%, #FAAD8C 100%);
    background: -webkit-linear-gradient(top, #68637A 0%, #BA7FAA 50%, #FAAD8C 100%);
    background: linear-gradient(to bottom, #68637A 0%, #BA7FAA 50%, #FAAD8C 100%);
}
</style>