#CFCFCD - #FFEED6 | 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 #CFCFCD a #FFEED6

#CFCFCD #FFEED6

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

#CFCFCD - #FFEED6 | 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 #CFCFCD como 0% y #FFEED6 como 100%.

0.0%	0.0% #CFCFCD	RGB 207 207 205	#CFCFCD
16.7%	16.7% #D7D4CE	RGB 215 212 206	#D7D4CE
33.3%	33.3% #DFD9D0	RGB 223 217 208	#DFD9D0
50.0%	50.0% #E7DED1	RGB 231 222 209	#E7DED1
66.7%	66.7% #EFE3D3	RGB 239 227 211	#EFE3D3
83.3%	83.3% #F7E8D4	RGB 247 232 212	#F7E8D4
100.0%	100.0% #FFEED6	RGB 255 238 214	#FFEED6

#CFCFCD #D7D4CE #DFD9D0 #E7DED1 #EFE3D3 #F7E8D4 #FFEED6

#CFCFCD - #FFEED6

Mezcla HSV

#CFCFCD - #FFEED6 | 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 #CFCFCD como 0% y #FFEED6 como 100%.

0.0%	0.0% #CFCFCD	RGB 207 207 205	#CFCFCD
16.7%	16.7% #D7D6CF	RGB 215 214 207	#D7D6CF
33.3%	33.3% #DFDDD1	RGB 223 221 209	#DFDDD1
50.0%	50.0% #E7E2D3	RGB 231 226 211	#E7E2D3
66.7%	66.7% #EFE7D4	RGB 239 231 212	#EFE7D4
83.3%	83.3% #F7EBD5	RGB 247 235 213	#F7EBD5
100.0%	100.0% #FFEED6	RGB 255 238 214	#FFEED6

#CFCFCD #D7D6CF #DFDDD1 #E7E2D3 #EFE7D4 #F7EBD5 #FFEED6

#CFCFCD - #E7E2D3 - #FFEED6

Códigos CSS

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

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