#CCCECA - #FFFBD3 | 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 #CCCECA a #FFFBD3

#CCCECA #FFFBD3

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

#CCCECA - #FFFBD3 | 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 #CCCECA como 0% y #FFFBD3 como 100%.

0.0%	0.0% #CCCECA	RGB 204 206 202	#CCCECA
16.7%	16.7% #D4D5CB	RGB 212 213 203	#D4D5CB
33.3%	33.3% #DDDDCD	RGB 221 221 205	#DDDDCD
50.0%	50.0% #E5E4CE	RGB 229 228 206	#E5E4CE
66.7%	66.7% #EEECD0	RGB 238 236 208	#EEECD0
83.3%	83.3% #F6F3D1	RGB 246 243 209	#F6F3D1
100.0%	100.0% #FFFBD3	RGB 255 251 211	#FFFBD3

#CCCECA #D4D5CB #DDDDCD #E5E4CE #EEECD0 #F6F3D1 #FFFBD3

#CCCECA - #FFFBD3

Mezcla HSV

#CCCECA - #FFFBD3 | 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 #CCCECA como 0% y #FFFBD3 como 100%.

0.0%	0.0% #CCCECA	RGB 204 206 202	#CCCECA
16.7%	16.7% #D2D6CC	RGB 210 214 204	#D2D6CC
33.3%	33.3% #D9DECE	RGB 217 222 206	#D9DECE
50.0%	50.0% #E1E6D0	RGB 225 230 208	#E1E6D0
66.7%	66.7% #EBEED1	RGB 235 238 209	#EBEED1
83.3%	83.3% #F6F6D2	RGB 246 246 210	#F6F6D2
100.0%	100.0% #FFFBD3	RGB 255 251 211	#FFFBD3

#CCCECA #D2D6CC #D9DECE #E1E6D0 #EBEED1 #F6F6D2 #FFFBD3

#CCCECA - #E1E6D0 - #FFFBD3

Códigos CSS

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

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