#C8CABB - #889467 | 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 #C8CABB a #889467

#C8CABB #889467

Calcule el color entre dos colores, #C8CABB y #889467. 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)

#C8CABB - #889467 | 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 #C8CABB como 0% y #889467 como 100%.

0.0%	0.0% #C8CABB	RGB 200 202 187	#C8CABB
16.7%	16.7% #BDC1AD	RGB 189 193 173	#BDC1AD
33.3%	33.3% #B2B89F	RGB 178 184 159	#B2B89F
50.0%	50.0% #A8AF91	RGB 168 175 145	#A8AF91
66.7%	66.7% #9DA683	RGB 157 166 131	#9DA683
83.3%	83.3% #929D75	RGB 146 157 117	#929D75
100.0%	100.0% #889467	RGB 136 148 103	#889467

#C8CABB #BDC1AD #B2B89F #A8AF91 #9DA683 #929D75 #889467

#C8CABB - #889467

Mezcla HSV

#C8CABB - #889467 | 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 #C8CABB como 0% y #889467 como 100%.

0.0%	0.0% #C8CABB	RGB 200 202 187	#C8CABB
16.7%	16.7% #BDC1AB	RGB 189 193 171	#BDC1AB
33.3%	33.3% #B3B89C	RGB 179 184 156	#B3B89C
50.0%	50.0% #A8AF8D	RGB 168 175 141	#A8AF8D
66.7%	66.7% #9DA680	RGB 157 166 128	#9DA680
83.3%	83.3% #929D73	RGB 146 157 115	#929D73
100.0%	100.0% #889467	RGB 136 148 103	#889467

#C8CABB #BDC1AB #B3B89C #A8AF8D #9DA680 #929D73 #889467

#C8CABB - #A8AF8D - #889467

Códigos CSS

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

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