#00A2FF - #CDFFCB | 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 #00A2FF a #CDFFCB

#00A2FF #CDFFCB

Calcule el color entre dos colores, #00A2FF y #CDFFCB. 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)

#00A2FF - #CDFFCB | 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 #00A2FF como 0% y #CDFFCB como 100%.

0.0%	0.0% #00A2FF	RGB 0 162 255	#00A2FF
16.7%	16.7% #22B1F6	RGB 34 177 246	#22B1F6
33.3%	33.3% #44C1ED	RGB 68 193 237	#44C1ED
50.0%	50.0% #66D0E5	RGB 102 208 229	#66D0E5
66.7%	66.7% #88E0DC	RGB 136 224 220	#88E0DC
83.3%	83.3% #AAEFD3	RGB 170 239 211	#AAEFD3
100.0%	100.0% #CDFFCB	RGB 205 255 203	#CDFFCB

#00A2FF #22B1F6 #44C1ED #66D0E5 #88E0DC #AAEFD3 #CDFFCB

#00A2FF - #CDFFCB

Mezcla HSV

#00A2FF - #CDFFCB | 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 #00A2FF como 0% y #CDFFCB como 100%.

0.0%	0.0% #00A1FF	RGB 0 161 255	#00A1FF
16.7%	16.7% #21E2FF	RGB 33 226 255	#21E2FF
33.3%	33.3% #43FFEB	RGB 67 255 235	#43FFEB
50.0%	50.0% #65FFCB	RGB 101 255 203	#65FFCB
66.7%	66.7% #87FFBA	RGB 135 255 186	#87FFBA
83.3%	83.3% #A9FFB9	RGB 169 255 185	#A9FFB9
100.0%	100.0% #CDFFCB	RGB 205 255 203	#CDFFCB

#00A1FF #21E2FF #43FFEB #65FFCB #87FFBA #A9FFB9 #CDFFCB

#00A2FF - #65FFCB - #CDFFCB

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #00A1FF 0%, #65FFCB 50%, #CDFFCB 100%);
    background: -webkit-linear-gradient(top, #00A1FF 0%, #65FFCB 50%, #CDFFCB 100%);
    background: linear-gradient(to bottom, #00A1FF 0%, #65FFCB 50%, #CDFFCB 100%);
}
</style>