#C5E7DA - #D5E8D0 | 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 #C5E7DA a #D5E8D0

#C5E7DA #D5E8D0

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

#C5E7DA - #D5E8D0 | 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 #C5E7DA como 0% y #D5E8D0 como 100%.

0.0%	0.0% #C5E7DA	RGB 197 231 218	#C5E7DA
16.7%	16.7% #C7E7D8	RGB 199 231 216	#C7E7D8
33.3%	33.3% #CAE7D6	RGB 202 231 214	#CAE7D6
50.0%	50.0% #CDE7D5	RGB 205 231 213	#CDE7D5
66.7%	66.7% #CFE7D3	RGB 207 231 211	#CFE7D3
83.3%	83.3% #D2E7D1	RGB 210 231 209	#D2E7D1
100.0%	100.0% #D5E8D0	RGB 213 232 208	#D5E8D0

#C5E7DA #C7E7D8 #CAE7D6 #CDE7D5 #CFE7D3 #D2E7D1 #D5E8D0

#C5E7DA - #D5E8D0

Mezcla HSV

#C5E7DA - #D5E8D0 | 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 #C5E7DA como 0% y #D5E8D0 como 100%.

0.0%	0.0% #C5E7DA	RGB 197 231 218	#C5E7DA
16.7%	16.7% #C6E7D6	RGB 198 231 214	#C6E7D6
33.3%	33.3% #C8E7D3	RGB 200 231 211	#C8E7D3
50.0%	50.0% #CAE7D0	RGB 202 231 208	#CAE7D0
66.7%	66.7% #CCE7CE	RGB 204 231 206	#CCE7CE
83.3%	83.3% #CFE7CE	RGB 207 231 206	#CFE7CE
100.0%	100.0% #D5E8D0	RGB 213 232 208	#D5E8D0

#C5E7DA #C6E7D6 #C8E7D3 #CAE7D0 #CCE7CE #CFE7CE #D5E8D0

#C5E7DA - #CAE7D0 - #D5E8D0

Códigos CSS

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

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