#CFB8C7 - #FFEEDC | 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 #CFB8C7 a #FFEEDC

#CFB8C7 #FFEEDC

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

#CFB8C7 - #FFEEDC | 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 #CFB8C7 como 0% y #FFEEDC como 100%.

0.0%	0.0% #CFB8C7	RGB 207 184 199	#CFB8C7
16.7%	16.7% #D7C1CA	RGB 215 193 202	#D7C1CA
33.3%	33.3% #DFCACE	RGB 223 202 206	#DFCACE
50.0%	50.0% #E7D3D1	RGB 231 211 209	#E7D3D1
66.7%	66.7% #EFDCD5	RGB 239 220 213	#EFDCD5
83.3%	83.3% #F7E5D8	RGB 247 229 216	#F7E5D8
100.0%	100.0% #FFEEDC	RGB 255 238 220	#FFEEDC

#CFB8C7 #D7C1CA #DFCACE #E7D3D1 #EFDCD5 #F7E5D8 #FFEEDC

#CFB8C7 - #FFEEDC

Mezcla HSV

#CFB8C7 - #FFEEDC | 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 #CFB8C7 como 0% y #FFEEDC como 100%.

0.0%	0.0% #CFB8C7	RGB 207 184 199	#CFB8C7
16.7%	16.7% #D7BEC9	RGB 215 190 201	#D7BEC9
33.3%	33.3% #DFC4CB	RGB 223 196 203	#DFC4CB
50.0%	50.0% #E7CACC	RGB 231 202 204	#E7CACC
66.7%	66.7% #EFD4D0	RGB 239 212 208	#EFD4D0
83.3%	83.3% #F7E0D6	RGB 247 224 214	#F7E0D6
100.0%	100.0% #FFEEDC	RGB 255 238 220	#FFEEDC

#CFB8C7 #D7BEC9 #DFC4CB #E7CACC #EFD4D0 #F7E0D6 #FFEEDC

#CFB8C7 - #E7CACC - #FFEEDC

Códigos CSS

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

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