#CAC6B5 - #FFECC7 | 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 #CAC6B5 a #FFECC7

#CAC6B5 #FFECC7

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

#CAC6B5 - #FFECC7 | 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 #CAC6B5 como 0% y #FFECC7 como 100%.

0.0%	0.0% #CAC6B5	RGB 202 198 181	#CAC6B5
16.7%	16.7% #D2CCB8	RGB 210 204 184	#D2CCB8
33.3%	33.3% #DBD2BB	RGB 219 210 187	#DBD2BB
50.0%	50.0% #E4D9BE	RGB 228 217 190	#E4D9BE
66.7%	66.7% #EDDFC1	RGB 237 223 193	#EDDFC1
83.3%	83.3% #F6E5C4	RGB 246 229 196	#F6E5C4
100.0%	100.0% #FFECC7	RGB 255 236 199	#FFECC7

#CAC6B5 #D2CCB8 #DBD2BB #E4D9BE #EDDFC1 #F6E5C4 #FFECC7

#CAC6B5 - #FFECC7

Mezcla HSV

#CAC6B5 - #FFECC7 | 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 #CAC6B5 como 0% y #FFECC7 como 100%.

0.0%	0.0% #CAC6B5	RGB 202 198 181	#CAC6B5
16.7%	16.7% #D2CDB8	RGB 210 205 184	#D2CDB8
33.3%	33.3% #DBD4BC	RGB 219 212 188	#DBD4BC
50.0%	50.0% #E4DABF	RGB 228 218 191	#E4DABF
66.7%	66.7% #EDE0C2	RGB 237 224 194	#EDE0C2
83.3%	83.3% #F6E6C4	RGB 246 230 196	#F6E6C4
100.0%	100.0% #FFECC7	RGB 255 236 199	#FFECC7

#CAC6B5 #D2CDB8 #DBD4BC #E4DABF #EDE0C2 #F6E6C4 #FFECC7

#CAC6B5 - #E4DABF - #FFECC7

Códigos CSS

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

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