#CAC5C7 - #FFCFF9 | 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 #CAC5C7 a #FFCFF9

#CAC5C7 #FFCFF9

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

#CAC5C7 - #FFCFF9 | 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 #CAC5C7 como 0% y #FFCFF9 como 100%.

0.0%	0.0% #CAC5C7	RGB 202 197 199	#CAC5C7
16.7%	16.7% #D2C6CF	RGB 210 198 207	#D2C6CF
33.3%	33.3% #DBC8D7	RGB 219 200 215	#DBC8D7
50.0%	50.0% #E4CAE0	RGB 228 202 224	#E4CAE0
66.7%	66.7% #EDCBE8	RGB 237 203 232	#EDCBE8
83.3%	83.3% #F6CDF0	RGB 246 205 240	#F6CDF0
100.0%	100.0% #FFCFF9	RGB 255 207 249	#FFCFF9

#CAC5C7 #D2C6CF #DBC8D7 #E4CAE0 #EDCBE8 #F6CDF0 #FFCFF9

#CAC5C7 - #FFCFF9

Mezcla HSV

#CAC5C7 - #FFCFF9 | 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 #CAC5C7 como 0% y #FFCFF9 como 100%.

0.0%	0.0% #CAC5C7	RGB 202 197 199	#CAC5C7
16.7%	16.7% #D2C7CD	RGB 210 199 205	#D2C7CD
33.3%	33.3% #DBCAD3	RGB 219 202 211	#DBCAD3
50.0%	50.0% #E4CCDB	RGB 228 204 219	#E4CCDB
66.7%	66.7% #EDCDE4	RGB 237 205 228	#EDCDE4
83.3%	83.3% #F6CEEE	RGB 246 206 238	#F6CEEE
100.0%	100.0% #FFCFF9	RGB 255 207 249	#FFCFF9

#CAC5C7 #D2C7CD #DBCAD3 #E4CCDB #EDCDE4 #F6CEEE #FFCFF9

#CAC5C7 - #E4CCDB - #FFCFF9

Códigos CSS

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

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