#C5E8DA - #D5E8D1 | 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 #C5E8DA a #D5E8D1

#C5E8DA #D5E8D1

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

#C5E8DA - #D5E8D1 | 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 #C5E8DA como 0% y #D5E8D1 como 100%.

0.0%	0.0% #C5E8DA	RGB 197 232 218	#C5E8DA
16.7%	16.7% #C7E8D8	RGB 199 232 216	#C7E8D8
33.3%	33.3% #CAE8D7	RGB 202 232 215	#CAE8D7
50.0%	50.0% #CDE8D5	RGB 205 232 213	#CDE8D5
66.7%	66.7% #CFE8D4	RGB 207 232 212	#CFE8D4
83.3%	83.3% #D2E8D2	RGB 210 232 210	#D2E8D2
100.0%	100.0% #D5E8D1	RGB 213 232 209	#D5E8D1

#C5E8DA #C7E8D8 #CAE8D7 #CDE8D5 #CFE8D4 #D2E8D2 #D5E8D1

#C5E8DA - #D5E8D1

Mezcla HSV

#C5E8DA - #D5E8D1 | 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 #C5E8DA como 0% y #D5E8D1 como 100%.

0.0%	0.0% #C5E8DA	RGB 197 232 218	#C5E8DA
16.7%	16.7% #C7E8D6	RGB 199 232 214	#C7E8D6
33.3%	33.3% #C9E8D3	RGB 201 232 211	#C9E8D3
50.0%	50.0% #CBE8D1	RGB 203 232 209	#CBE8D1
66.7%	66.7% #CDE8CF	RGB 205 232 207	#CDE8CF
83.3%	83.3% #D0E8CF	RGB 208 232 207	#D0E8CF
100.0%	100.0% #D5E8D1	RGB 213 232 209	#D5E8D1

#C5E8DA #C7E8D6 #C9E8D3 #CBE8D1 #CDE8CF #D0E8CF #D5E8D1

#C5E8DA - #CBE8D1 - #D5E8D1

Códigos CSS

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

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