#C8C991 - #8C943D | 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 #C8C991 a #8C943D

#C8C991 #8C943D

Calcule el color entre dos colores, #C8C991 y #8C943D. 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)

#C8C991 - #8C943D | 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 #C8C991 como 0% y #8C943D como 100%.

0.0%	0.0% #C8C991	RGB 200 201 145	#C8C991
16.7%	16.7% #BEC083	RGB 190 192 131	#BEC083
33.3%	33.3% #B4B775	RGB 180 183 117	#B4B775
50.0%	50.0% #AAAE67	RGB 170 174 103	#AAAE67
66.7%	66.7% #A0A559	RGB 160 165 89	#A0A559
83.3%	83.3% #969C4B	RGB 150 156 75	#969C4B
100.0%	100.0% #8C943D	RGB 140 148 61	#8C943D

#C8C991 #BEC083 #B4B775 #AAAE67 #A0A559 #969C4B #8C943D

#C8C991 - #8C943D

Mezcla HSV

#C8C991 - #8C943D | 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 #C8C991 como 0% y #8C943D como 100%.

0.0%	0.0% #C8C991	RGB 200 201 145	#C8C991
16.7%	16.7% #BEC080	RGB 190 192 128	#BEC080
33.3%	33.3% #B4B771	RGB 180 183 113	#B4B771
50.0%	50.0% #AAAE62	RGB 170 174 98	#AAAE62
66.7%	66.7% #A0A555	RGB 160 165 85	#A0A555
83.3%	83.3% #969C48	RGB 150 156 72	#969C48
100.0%	100.0% #8C943D	RGB 140 148 61	#8C943D

#C8C991 #BEC080 #B4B771 #AAAE62 #A0A555 #969C48 #8C943D

#C8C991 - #AAAE62 - #8C943D

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #C8C991 0%, #AAAE62 50%, #8C943D 100%);
    background: -webkit-linear-gradient(top, #C8C991 0%, #AAAE62 50%, #8C943D 100%);
    background: linear-gradient(to bottom, #C8C991 0%, #AAAE62 50%, #8C943D 100%);
}
</style>