#CDCDAA - #FFECBD | 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 #CDCDAA a #FFECBD

#CDCDAA #FFECBD

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

#CDCDAA - #FFECBD | 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 #CDCDAA como 0% y #FFECBD como 100%.

0.0%	0.0% #CDCDAA	RGB 205 205 170	#CDCDAA
16.7%	16.7% #D5D2AD	RGB 213 210 173	#D5D2AD
33.3%	33.3% #DDD7B0	RGB 221 215 176	#DDD7B0
50.0%	50.0% #E6DCB3	RGB 230 220 179	#E6DCB3
66.7%	66.7% #EEE1B6	RGB 238 225 182	#EEE1B6
83.3%	83.3% #F6E6B9	RGB 246 230 185	#F6E6B9
100.0%	100.0% #FFECBD	RGB 255 236 189	#FFECBD

#CDCDAA #D5D2AD #DDD7B0 #E6DCB3 #EEE1B6 #F6E6B9 #FFECBD

#CDCDAA - #FFECBD

Mezcla HSV

#CDCDAA - #FFECBD | 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 #CDCDAA como 0% y #FFECBD como 100%.

0.0%	0.0% #CDCDAA	RGB 205 205 170	#CDCDAA
16.7%	16.7% #D5D3AD	RGB 213 211 173	#D5D3AD
33.3%	33.3% #DDD9B1	RGB 221 217 177	#DDD9B1
50.0%	50.0% #E6DEB4	RGB 230 222 180	#E6DEB4
66.7%	66.7% #EEE3B7	RGB 238 227 183	#EEE3B7
83.3%	83.3% #F6E8BA	RGB 246 232 186	#F6E8BA
100.0%	100.0% #FFECBD	RGB 255 236 189	#FFECBD

#CDCDAA #D5D3AD #DDD9B1 #E6DEB4 #EEE3B7 #F6E8BA #FFECBD

#CDCDAA - #E6DEB4 - #FFECBD

Códigos CSS

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

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