#CFD4D4 - #C5E5CC | 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 #CFD4D4 a #C5E5CC

#CFD4D4 #C5E5CC

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

#CFD4D4 - #C5E5CC | 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 #CFD4D4 como 0% y #C5E5CC como 100%.

0.0%	0.0% #CFD4D4	RGB 207 212 212	#CFD4D4
16.7%	16.7% #CDD6D2	RGB 205 214 210	#CDD6D2
33.3%	33.3% #CBD9D1	RGB 203 217 209	#CBD9D1
50.0%	50.0% #CADCD0	RGB 202 220 208	#CADCD0
66.7%	66.7% #C8DFCE	RGB 200 223 206	#C8DFCE
83.3%	83.3% #C6E2CD	RGB 198 226 205	#C6E2CD
100.0%	100.0% #C5E5CC	RGB 197 229 204	#C5E5CC

#CFD4D4 #CDD6D2 #CBD9D1 #CADCD0 #C8DFCE #C6E2CD #C5E5CC

#CFD4D4 - #C5E5CC

Mezcla HSV

#CFD4D4 - #C5E5CC | 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 #CFD4D4 como 0% y #C5E5CC como 100%.

0.0%	0.0% #CFD4D4	RGB 207 212 212	#CFD4D4
16.7%	16.7% #CDD6D5	RGB 205 214 213	#CDD6D5
33.3%	33.3% #CCD9D6	RGB 204 217 214	#CCD9D6
50.0%	50.0% #CADCD5	RGB 202 220 213	#CADCD5
66.7%	66.7% #C8DFD3	RGB 200 223 211	#C8DFD3
83.3%	83.3% #C6E2D0	RGB 198 226 208	#C6E2D0
100.0%	100.0% #C5E5CC	RGB 197 229 204	#C5E5CC

#CFD4D4 #CDD6D5 #CCD9D6 #CADCD5 #C8DFD3 #C6E2D0 #C5E5CC

#CFD4D4 - #CADCD5 - #C5E5CC

Códigos CSS

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

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