#CDCDCD - #FFF4E3 | 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 #CDCDCD a #FFF4E3

#CDCDCD #FFF4E3

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

#CDCDCD - #FFF4E3 | 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 #CDCDCD como 0% y #FFF4E3 como 100%.

0.0%	0.0% #CDCDCD	RGB 205 205 205	#CDCDCD
16.7%	16.7% #D5D3D0	RGB 213 211 208	#D5D3D0
33.3%	33.3% #DDDAD4	RGB 221 218 212	#DDDAD4
50.0%	50.0% #E6E0D8	RGB 230 224 216	#E6E0D8
66.7%	66.7% #EEE7DB	RGB 238 231 219	#EEE7DB
83.3%	83.3% #F6EDDF	RGB 246 237 223	#F6EDDF
100.0%	100.0% #FFF4E3	RGB 255 244 227	#FFF4E3

#CDCDCD #D5D3D0 #DDDAD4 #E6E0D8 #EEE7DB #F6EDDF #FFF4E3

#CDCDCD - #FFF4E3

Mezcla HSV

#CDCDCD - #FFF4E3 | 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 #CDCDCD como 0% y #FFF4E3 como 100%.

0.0%	0.0% #CDCDCD	RGB 205 205 205	#CDCDCD
16.7%	16.7% #D5D1D1	RGB 213 209 209	#D5D1D1
33.3%	33.3% #DDD7D5	RGB 221 215 213	#DDD7D5
50.0%	50.0% #E6DDD9	RGB 230 221 217	#E6DDD9
66.7%	66.7% #EEE3DC	RGB 238 227 220	#EEE3DC
83.3%	83.3% #F6EBE0	RGB 246 235 224	#F6EBE0
100.0%	100.0% #FFF4E3	RGB 255 244 227	#FFF4E3

#CDCDCD #D5D1D1 #DDD7D5 #E6DDD9 #EEE3DC #F6EBE0 #FFF4E3

#CDCDCD - #E6DDD9 - #FFF4E3

Códigos CSS

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

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