#C8AF8B - #EFE8DD | 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 #C8AF8B a #EFE8DD

#C8AF8B #EFE8DD

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

#C8AF8B - #EFE8DD | 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 #C8AF8B como 0% y #EFE8DD como 100%.

0.0%	0.0% #C8AF8B	RGB 200 175 139	#C8AF8B
16.7%	16.7% #CEB898	RGB 206 184 152	#CEB898
33.3%	33.3% #D5C2A6	RGB 213 194 166	#D5C2A6
50.0%	50.0% #DBCBB4	RGB 219 203 180	#DBCBB4
66.7%	66.7% #E2D5C1	RGB 226 213 193	#E2D5C1
83.3%	83.3% #E8DECF	RGB 232 222 207	#E8DECF
100.0%	100.0% #EFE8DD	RGB 239 232 221	#EFE8DD

#C8AF8B #CEB898 #D5C2A6 #DBCBB4 #E2D5C1 #E8DECF #EFE8DD

#C8AF8B - #EFE8DD

Mezcla HSV

#C8AF8B - #EFE8DD | 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 #C8AF8B como 0% y #EFE8DD como 100%.

0.0%	0.0% #C8AF8B	RGB 200 175 139	#C8AF8B
16.7%	16.7% #CEB897	RGB 206 184 151	#CEB897
33.3%	33.3% #D5C1A4	RGB 213 193 164	#D5C1A4
50.0%	50.0% #DBCAB1	RGB 219 202 177	#DBCAB1
66.7%	66.7% #E2D4BF	RGB 226 212 191	#E2D4BF
83.3%	83.3% #E8DECE	RGB 232 222 206	#E8DECE
100.0%	100.0% #EFE8DD	RGB 239 232 221	#EFE8DD

#C8AF8B #CEB897 #D5C1A4 #DBCAB1 #E2D4BF #E8DECE #EFE8DD

#C8AF8B - #DBCAB1 - #EFE8DD

Códigos CSS

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

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