#CAB5E6 - #CCDEE4 | 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 #CAB5E6 a #CCDEE4

#CAB5E6 #CCDEE4

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

#CAB5E6 - #CCDEE4 | 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 #CAB5E6 como 0% y #CCDEE4 como 100%.

0.0%	0.0% #CAB5E6	RGB 202 181 230	#CAB5E6
16.7%	16.7% #CABBE5	RGB 202 187 229	#CABBE5
33.3%	33.3% #CAC2E5	RGB 202 194 229	#CAC2E5
50.0%	50.0% #CBC9E5	RGB 203 201 229	#CBC9E5
66.7%	66.7% #CBD0E4	RGB 203 208 228	#CBD0E4
83.3%	83.3% #CBD7E4	RGB 203 215 228	#CBD7E4
100.0%	100.0% #CCDEE4	RGB 204 222 228	#CCDEE4

#CAB5E6 #CABBE5 #CAC2E5 #CBC9E5 #CBD0E4 #CBD7E4 #CCDEE4

#CAB5E6 - #CCDEE4

Mezcla HSV

#CAB5E6 - #CCDEE4 | 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 #CAB5E6 como 0% y #CCDEE4 como 100%.

0.0%	0.0% #CAB5E6	RGB 202 181 230	#CAB5E6
16.7%	16.7% #C3B8E5	RGB 195 184 229	#C3B8E5
33.3%	33.3% #BEBCE5	RGB 190 188 229	#BEBCE5
50.0%	50.0% #C0C6E5	RGB 192 198 229	#C0C6E5
66.7%	66.7% #C4CFE4	RGB 196 207 228	#C4CFE4
83.3%	83.3% #C8D7E4	RGB 200 215 228	#C8D7E4
100.0%	100.0% #CCDEE4	RGB 204 222 228	#CCDEE4

#CAB5E6 #C3B8E5 #BEBCE5 #C0C6E5 #C4CFE4 #C8D7E4 #CCDEE4

#CAB5E6 - #C0C6E5 - #CCDEE4

Códigos CSS

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

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