#CAC8C8 - #CFDCE2 | 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 #CAC8C8 a #CFDCE2

#CAC8C8 #CFDCE2

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

#CAC8C8 - #CFDCE2 | 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 #CAC8C8 como 0% y #CFDCE2 como 100%.

0.0%	0.0% #CAC8C8	RGB 202 200 200	#CAC8C8
16.7%	16.7% #CACBCC	RGB 202 203 204	#CACBCC
33.3%	33.3% #CBCED0	RGB 203 206 208	#CBCED0
50.0%	50.0% #CCD2D5	RGB 204 210 213	#CCD2D5
66.7%	66.7% #CDD5D9	RGB 205 213 217	#CDD5D9
83.3%	83.3% #CED8DD	RGB 206 216 221	#CED8DD
100.0%	100.0% #CFDCE2	RGB 207 220 226	#CFDCE2

#CAC8C8 #CACBCC #CBCED0 #CCD2D5 #CDD5D9 #CED8DD #CFDCE2

#CAC8C8 - #CFDCE2

Mezcla HSV

#CAC8C8 - #CFDCE2 | 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 #CAC8C8 como 0% y #CFDCE2 como 100%.

0.0%	0.0% #CAC8C8	RGB 202 200 200	#CAC8C8
16.7%	16.7% #CEC9CB	RGB 206 201 203	#CEC9CB
33.3%	33.3% #D2CAD1	RGB 210 202 209	#D2CAD1
50.0%	50.0% #D2CBD6	RGB 210 203 214	#D2CBD6
66.7%	66.7% #CFCDDA	RGB 207 205 218	#CFCDDA
83.3%	83.3% #CED1DE	RGB 206 209 222	#CED1DE
100.0%	100.0% #CFDCE2	RGB 207 220 226	#CFDCE2

#CAC8C8 #CEC9CB #D2CAD1 #D2CBD6 #CFCDDA #CED1DE #CFDCE2

#CAC8C8 - #D2CBD6 - #CFDCE2

Códigos CSS

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

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