#C9E5E5 - #CBE6D3 | 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 #C9E5E5 a #CBE6D3

#C9E5E5 #CBE6D3

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

#C9E5E5 - #CBE6D3 | 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 #C9E5E5 como 0% y #CBE6D3 como 100%.

0.0%	0.0% #C9E5E5	RGB 201 229 229	#C9E5E5
16.7%	16.7% #C9E5E2	RGB 201 229 226	#C9E5E2
33.3%	33.3% #C9E5DF	RGB 201 229 223	#C9E5DF
50.0%	50.0% #CAE5DC	RGB 202 229 220	#CAE5DC
66.7%	66.7% #CAE5D9	RGB 202 229 217	#CAE5D9
83.3%	83.3% #CAE5D6	RGB 202 229 214	#CAE5D6
100.0%	100.0% #CBE6D3	RGB 203 230 211	#CBE6D3

#C9E5E5 #C9E5E2 #C9E5DF #CAE5DC #CAE5D9 #CAE5D6 #CBE6D3

#C9E5E5 - #CBE6D3

Mezcla HSV

#C9E5E5 - #CBE6D3 | 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 #C9E5E5 como 0% y #CBE6D3 como 100%.

0.0%	0.0% #C9E5E5	RGB 201 229 229	#C9E5E5
16.7%	16.7% #C9E5E1	RGB 201 229 225	#C9E5E1
33.3%	33.3% #C9E5DE	RGB 201 229 222	#C9E5DE
50.0%	50.0% #C9E5DB	RGB 201 229 219	#C9E5DB
66.7%	66.7% #CAE5D8	RGB 202 229 216	#CAE5D8
83.3%	83.3% #CAE5D5	RGB 202 229 213	#CAE5D5
100.0%	100.0% #CBE6D3	RGB 203 230 211	#CBE6D3

#C9E5E5 #C9E5E1 #C9E5DE #C9E5DB #CAE5D8 #CAE5D5 #CBE6D3

#C9E5E5 - #C9E5DB - #CBE6D3

Códigos CSS

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

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