#ABC6D2 - #C3E1C2 | 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 #ABC6D2 a #C3E1C2

#ABC6D2 #C3E1C2

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

#ABC6D2 - #C3E1C2 | 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 #ABC6D2 como 0% y #C3E1C2 como 100%.

0.0%	0.0% #ABC6D2	RGB 171 198 210	#ABC6D2
16.7%	16.7% #AFCACF	RGB 175 202 207	#AFCACF
33.3%	33.3% #B3CFCC	RGB 179 207 204	#B3CFCC
50.0%	50.0% #B7D3CA	RGB 183 211 202	#B7D3CA
66.7%	66.7% #BBD8C7	RGB 187 216 199	#BBD8C7
83.3%	83.3% #BFDCC4	RGB 191 220 196	#BFDCC4
100.0%	100.0% #C3E1C2	RGB 195 225 194	#C3E1C2

#ABC6D2 #AFCACF #B3CFCC #B7D3CA #BBD8C7 #BFDCC4 #C3E1C2

#ABC6D2 - #C3E1C2

Mezcla HSV

#ABC6D2 - #C3E1C2 | 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 #ABC6D2 como 0% y #C3E1C2 como 100%.

0.0%	0.0% #ABC6D2	RGB 171 198 210	#ABC6D2
16.7%	16.7% #AED1D4	RGB 174 209 212	#AED1D4
33.3%	33.3% #B2D7D1	RGB 178 215 209	#B2D7D1
50.0%	50.0% #B6D9CC	RGB 182 217 204	#B6D9CC
66.7%	66.7% #BADCC8	RGB 186 220 200	#BADCC8
83.3%	83.3% #BEDEC4	RGB 190 222 196	#BEDEC4
100.0%	100.0% #C3E1C2	RGB 195 225 194	#C3E1C2

#ABC6D2 #AED1D4 #B2D7D1 #B6D9CC #BADCC8 #BEDEC4 #C3E1C2

#ABC6D2 - #B6D9CC - #C3E1C2

Códigos CSS

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

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