#C3C0C2 - #FFEED5 | 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 #C3C0C2 a #FFEED5

#C3C0C2 #FFEED5

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

#C3C0C2 - #FFEED5 | 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 #C3C0C2 como 0% y #FFEED5 como 100%.

0.0%	0.0% #C3C0C2	RGB 195 192 194	#C3C0C2
16.7%	16.7% #CDC7C5	RGB 205 199 197	#CDC7C5
33.3%	33.3% #D7CFC8	RGB 215 207 200	#D7CFC8
50.0%	50.0% #E1D7CB	RGB 225 215 203	#E1D7CB
66.7%	66.7% #EBDECE	RGB 235 222 206	#EBDECE
83.3%	83.3% #F5E6D1	RGB 245 230 209	#F5E6D1
100.0%	100.0% #FFEED5	RGB 255 238 213	#FFEED5

#C3C0C2 #CDC7C5 #D7CFC8 #E1D7CB #EBDECE #F5E6D1 #FFEED5

#C3C0C2 - #FFEED5

Mezcla HSV

#C3C0C2 - #FFEED5 | 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 #C3C0C2 como 0% y #FFEED5 como 100%.

0.0%	0.0% #C3C0C2	RGB 195 192 194	#C3C0C2
16.7%	16.7% #CDC4C8	RGB 205 196 200	#CDC4C8
33.3%	33.3% #D7C8CC	RGB 215 200 204	#D7C8CC
50.0%	50.0% #E1CCCD	RGB 225 204 205	#E1CCCD
66.7%	66.7% #EBD4CF	RGB 235 212 207	#EBD4CF
83.3%	83.3% #F5DFD2	RGB 245 223 210	#F5DFD2
100.0%	100.0% #FFEED5	RGB 255 238 213	#FFEED5

#C3C0C2 #CDC4C8 #D7C8CC #E1CCCD #EBD4CF #F5DFD2 #FFEED5

#C3C0C2 - #E1CCCD - #FFEED5

Códigos CSS

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

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